#338abb

Hexadecimal Color Code

深い青系の色

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

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

[L*a*b*] L*:54.51 a*:-9.46 b*:-33.04

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

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

[OKLCH] L:60.3% C:0.11 H:237.5

[Display-P3] R:0.2982 G:0.5339 B:0.7162

[コントラスト比] Aa 白 3.82:1 △　Aa 黒 5.49:1 ○

色相 #ba3232 H:360 S:73 B:73 #ba3249 H:350 S:73 B:73 #ba3260 H:340 S:73 B:73 #ba3276 H:330 S:73 B:73 #ba328d H:320 S:73 B:73 #ba32a4 H:310 S:73 B:73 #ba32ba H:300 S:73 B:73 #a432ba H:290 S:73 B:73 #8d32ba H:280 S:73 B:73 #7632ba H:270 S:73 B:73 #6032ba H:260 S:73 B:73 #4932ba H:250 S:73 B:73 #3232ba H:240 S:73 B:73 #3249ba H:230 S:73 B:73 #3260ba H:220 S:73 B:73 #3276ba H:210 S:73 B:73 #328dba H:200 S:73 B:73 #32a4ba H:190 S:73 B:73 #32baba H:180 S:73 B:73 #32baa4 H:170 S:73 B:73 #32ba8d H:160 S:73 B:73 #32ba76 H:150 S:73 B:73 #32ba60 H:140 S:73 B:73 #32ba49 H:130 S:73 B:73 #32ba32 H:120 S:73 B:73 #49ba32 H:110 S:73 B:73 #60ba32 H:100 S:73 B:73 #76ba32 H:90 S:73 B:73 #8dba32 H:80 S:73 B:73 #a4ba32 H:70 S:73 B:73 #baba32 H:60 S:73 B:73 #baa432 H:50 S:73 B:73 #ba8d32 H:40 S:73 B:73 #ba7632 H:30 S:73 B:73 #ba6032 H:20 S:73 B:73 #ba4932 H:10 S:73 B:73 #ba3232 H:0 S:73 B:73
明度 #45bbff H:202 S:73 B:100 #3ea8e6 H:202 S:73 B:90 #3795cc H:202 S:73 B:80 #3083b3 H:202 S:73 B:70 #297099 H:202 S:73 B:60 #225d80 H:202 S:73 B:50 #1c4b66 H:202 S:73 B:40 #15384d H:202 S:73 B:30 #0e2533 H:202 S:73 B:20 #07131a H:202 S:73 B:10 #000000 H:202 S:73 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
補色 #ba3244 H:352 S:73 B:73 #ba6432 H:22 S:73 B:73 #baa832 H:52 S:73 B:73
類似色 #32ba64 H:142 S:73 B:73 #32ba86 H:157 S:73 B:73 #32baa8 H:172 S:73 B:73 #32aaba H:187 S:73 B:73 #3288ba H:202 S:73 B:73 #3266ba H:217 S:73 B:73 #3244ba H:232 S:73 B:73 #4232ba H:247 S:73 B:73 #6432ba H:262 S:73 B:73

#338abb の配色パターン