#238ab2

Hexadecimal Color Code

深い青系の色

[RGB] R:35 G:138 B:178

[HSB] H:197 S:80 B:70

[Lab] L:53.75 a:-14.53 b:-29.1

[CMYK] C:78% M:38% Y:24% K:0%

[HSL] H:197 S:67 L:42

[OKLCH] L:59.5% C:0.108 H:229.6

[Display-P3] R:0.2693 G:0.5334 B:0.6829

[コントラスト比] Aa 白 3.92:1 △　Aa 黒 5.34:1 ○

色相 #b32424 H:360 S:80 B:70 #b3243c H:350 S:80 B:70 #b32453 H:340 S:80 B:70 #b3246b H:330 S:80 B:70 #b32483 H:320 S:80 B:70 #b3249b H:310 S:80 B:70 #b324b3 H:300 S:80 B:70 #9b24b3 H:290 S:80 B:70 #8324b3 H:280 S:80 B:70 #6b24b3 H:270 S:80 B:70 #5324b3 H:260 S:80 B:70 #3c24b3 H:250 S:80 B:70 #2424b3 H:240 S:80 B:70 #243cb3 H:230 S:80 B:70 #2453b3 H:220 S:80 B:70 #246bb3 H:210 S:80 B:70 #2483b3 H:200 S:80 B:70 #249bb3 H:190 S:80 B:70 #24b3b3 H:180 S:80 B:70 #24b39b H:170 S:80 B:70 #24b383 H:160 S:80 B:70 #24b36b H:150 S:80 B:70 #24b353 H:140 S:80 B:70 #24b33c H:130 S:80 B:70 #24b324 H:120 S:80 B:70 #3cb324 H:110 S:80 B:70 #53b324 H:100 S:80 B:70 #6bb324 H:90 S:80 B:70 #83b324 H:80 S:80 B:70 #9bb324 H:70 S:80 B:70 #b3b324 H:60 S:80 B:70 #b39b24 H:50 S:80 B:70 #b38324 H:40 S:80 B:70 #b36b24 H:30 S:80 B:70 #b35324 H:20 S:80 B:70 #b33c24 H:10 S:80 B:70 #b32424 H:0 S:80 B:70

明度 #33c5ff H:197 S:80 B:100 #2eb1e6 H:197 S:80 B:90 #299ecc H:197 S:80 B:80 #248ab3 H:197 S:80 B:70 #1f7699 H:197 S:80 B:60 #1a6380 H:197 S:80 B:50 #144f66 H:197 S:80 B:40 #0f3b4d H:197 S:80 B:30 #0a2733 H:197 S:80 B:20 #05141a H:197 S:80 B:10 #000000 H:197 S:80 B:0

彩度 #0080b3 H:197 S:100 B:70 #1285b3 H:197 S:90 B:70 #248ab3 H:197 S:80 B:70 #368fb3 H:197 S:70 B:70 #4794b3 H:197 S:60 B:70 #5999b3 H:197 S:50 B:70 #6b9eb3 H:197 S:40 B:70 #7da3b3 H:197 S:30 B:70 #8fa8b3 H:197 S:20 B:70 #a1adb3 H:197 S:10 B:70 #b3b3b3 H:197 S:0 B:70

補色 #b32443 H:347 S:80 B:70 #b34c24 H:17 S:80 B:70 #b39424 H:47 S:80 B:70

類似色 #24b34c H:137 S:80 B:70 #24b370 H:152 S:80 B:70 #24b394 H:167 S:80 B:70 #24aeb3 H:182 S:80 B:70 #248ab3 H:197 S:80 B:70 #2466b3 H:212 S:80 B:70 #2443b3 H:227 S:80 B:70 #2824b3 H:242 S:80 B:70 #4c24b3 H:257 S:80 B:70

#238ab2 の配色パターン