#368abb

Hexadecimal Color Code

深い青系の色

[RGB] R:54 G:138 B:187

[HSB] H:202 S:71 B:73

[L*a*b*] L*:54.6 a*:-9.04 b*:-32.9

[CMYK] C:76% M:39% Y:17% K:0%

[HSL] H:202 S:55 L:47

[OKLCH] L:60.4% C:0.109 H:238.2

[Display-P3] R:0.3045 G:0.5341 B:0.7163

[コントラスト比] Aa 白 3.81:1 △　Aa 黒 5.50:1 ○

色相 #ba3636 H:360 S:71 B:73 #ba364c H:350 S:71 B:73 #ba3662 H:340 S:71 B:73 #ba3678 H:330 S:71 B:73 #ba368e H:320 S:71 B:73 #ba36a4 H:310 S:71 B:73 #ba36ba H:300 S:71 B:73 #a436ba H:290 S:71 B:73 #8e36ba H:280 S:71 B:73 #7836ba H:270 S:71 B:73 #6236ba H:260 S:71 B:73 #4c36ba H:250 S:71 B:73 #3636ba H:240 S:71 B:73 #364cba H:230 S:71 B:73 #3662ba H:220 S:71 B:73 #3678ba H:210 S:71 B:73 #368eba H:200 S:71 B:73 #36a4ba H:190 S:71 B:73 #36baba H:180 S:71 B:73 #36baa4 H:170 S:71 B:73 #36ba8e H:160 S:71 B:73 #36ba78 H:150 S:71 B:73 #36ba62 H:140 S:71 B:73 #36ba4c H:130 S:71 B:73 #36ba36 H:120 S:71 B:73 #4cba36 H:110 S:71 B:73 #62ba36 H:100 S:71 B:73 #78ba36 H:90 S:71 B:73 #8eba36 H:80 S:71 B:73 #a4ba36 H:70 S:71 B:73 #baba36 H:60 S:71 B:73 #baa436 H:50 S:71 B:73 #ba8e36 H:40 S:71 B:73 #ba7836 H:30 S:71 B:73 #ba6236 H:20 S:71 B:73 #ba4c36 H:10 S:71 B:73 #ba3636 H:0 S:71 B:73
明度 #4abdff H:202 S:71 B:100 #43aae6 H:202 S:71 B:90 #3b97cc H:202 S:71 B:80 #3484b3 H:202 S:71 B:70 #2c7199 H:202 S:71 B:60 #255e80 H:202 S:71 B:50 #1e4b66 H:202 S:71 B:40 #16394d H:202 S:71 B:30 #0f2633 H:202 S:71 B:20 #07131a H:202 S:71 B:10 #000000 H:202 S:71 B:0
彩度 #0076ba H:202 S:100 B:73 #137dba H:202 S:90 B:73 #2584ba H:202 S:80 B:73 #388aba H:202 S:70 B:73 #4a91ba H:202 S:60 B:73 #5d98ba H:202 S:50 B:73 #709fba H:202 S:40 B:73 #82a6ba H:202 S:30 B:73 #95acba H:202 S:20 B:73 #a8b3ba H:202 S:10 B:73 #bababa H:202 S:0 B:73
補色 #ba3648 H:352 S:71 B:73 #ba6636 H:22 S:71 B:73 #baa936 H:52 S:71 B:73
類似色 #36ba66 H:142 S:71 B:73 #36ba87 H:157 S:71 B:73 #36baa9 H:172 S:71 B:73 #36abba H:187 S:71 B:73 #368aba H:202 S:71 B:73 #3669ba H:217 S:71 B:73 #3648ba H:232 S:71 B:73 #4536ba H:247 S:71 B:73 #6636ba H:262 S:71 B:73

#368abb の配色パターン