#3597f2

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:53 G:151 B:242

[HSB] H:209 S:78 B:95

[L*a*b*] L*:61.04 a*:2.79 b*:-53.55

[CMYK] C:72% M:34% Y:0% K:0%

[HSL] H:209 S:88 L:58

[OKLCH] L:66.4% C:0.162 H:250.5

[Display-P3] R:0.3213 G:0.5842 B:0.9219

[コントラスト比] Aa 白 3.06:1 △　Aa 黒 6.86:1 ○

色相 #f23535 H:360 S:78 B:95 #f23555 H:350 S:78 B:95 #f23574 H:340 S:78 B:95 #f23594 H:330 S:78 B:95 #f235b3 H:320 S:78 B:95 #f235d3 H:310 S:78 B:95 #f235f2 H:300 S:78 B:95 #d335f2 H:290 S:78 B:95 #b335f2 H:280 S:78 B:95 #9435f2 H:270 S:78 B:95 #7435f2 H:260 S:78 B:95 #5535f2 H:250 S:78 B:95 #3535f2 H:240 S:78 B:95 #3555f2 H:230 S:78 B:95 #3574f2 H:220 S:78 B:95 #3594f2 H:210 S:78 B:95 #35b3f2 H:200 S:78 B:95 #35d3f2 H:190 S:78 B:95 #35f2f2 H:180 S:78 B:95 #35f2d3 H:170 S:78 B:95 #35f2b3 H:160 S:78 B:95 #35f294 H:150 S:78 B:95 #35f274 H:140 S:78 B:95 #35f255 H:130 S:78 B:95 #35f235 H:120 S:78 B:95 #55f235 H:110 S:78 B:95 #74f235 H:100 S:78 B:95 #94f235 H:90 S:78 B:95 #b3f235 H:80 S:78 B:95 #d3f235 H:70 S:78 B:95 #f2f235 H:60 S:78 B:95 #f2d335 H:50 S:78 B:95 #f2b335 H:40 S:78 B:95 #f29435 H:30 S:78 B:95 #f27435 H:20 S:78 B:95 #f25535 H:10 S:78 B:95 #f23535 H:0 S:78 B:95
明度 #389fff H:209 S:78 B:100 #328fe6 H:209 S:78 B:90 #2d7fcc H:209 S:78 B:80 #276fb3 H:209 S:78 B:70 #225f99 H:209 S:78 B:60 #1c4f80 H:209 S:78 B:50 #164066 H:209 S:78 B:40 #11304d H:209 S:78 B:30 #0b2033 H:209 S:78 B:20 #06101a H:209 S:78 B:10 #000000 H:209 S:78 B:0
彩度 #007df2 H:209 S:100 B:95 #1889f2 H:209 S:90 B:95 #3095f2 H:209 S:80 B:95 #49a0f2 H:209 S:70 B:95 #61acf2 H:209 S:60 B:95 #79b8f2 H:209 S:50 B:95 #91c3f2 H:209 S:40 B:95 #aacff2 H:209 S:30 B:95 #c2dbf2 H:209 S:20 B:95 #dae7f2 H:209 S:10 B:95 #f2f2f2 H:209 S:0 B:95
補色 #f23538 H:359 S:78 B:95 #f29135 H:29 S:78 B:95 #f2ef35 H:59 S:78 B:95
類似色 #35f291 H:149 S:78 B:95 #35f2c0 H:164 S:78 B:95 #35f2ef H:179 S:78 B:95 #35c6f2 H:194 S:78 B:95 #3597f2 H:209 S:78 B:95 #3568f2 H:224 S:78 B:95 #3538f2 H:239 S:78 B:95 #6135f2 H:254 S:78 B:95 #9135f2 H:269 S:78 B:95

#3597f2 の配色パターン