#b5caf4

Hexadecimal Color Code

明るい灰みの青紫系の色

[RGB] R:181 G:202 B:244

[HSB] H:220 S:26 B:96

[L*a*b*] L*:81.06 a*:2.01 b*:-23

[CMYK] C:33% M:18% Y:0% K:0%

[HSL] H:220 S:74 L:83

[OKLCH] L:83.7% C:0.063 H:264.1

[Display-P3] R:0.7253 G:0.7896 B:0.9426

[コントラスト比] Aa 白 1.65:1 ×　Aa 黒 12.71:1 ◎

色相 #f5b5b5 H:360 S:26 B:96 #f5b5c0 H:350 S:26 B:96 #f5b5ca H:340 S:26 B:96 #f5b5d5 H:330 S:26 B:96 #f5b5e0 H:320 S:26 B:96 #f5b5ea H:310 S:26 B:96 #f5b5f5 H:300 S:26 B:96 #eab5f5 H:290 S:26 B:96 #e0b5f5 H:280 S:26 B:96 #d5b5f5 H:270 S:26 B:96 #cab5f5 H:260 S:26 B:96 #c0b5f5 H:250 S:26 B:96 #b5b5f5 H:240 S:26 B:96 #b5c0f5 H:230 S:26 B:96 #b5caf5 H:220 S:26 B:96 #b5d5f5 H:210 S:26 B:96 #b5e0f5 H:200 S:26 B:96 #b5eaf5 H:190 S:26 B:96 #b5f5f5 H:180 S:26 B:96 #b5f5ea H:170 S:26 B:96 #b5f5e0 H:160 S:26 B:96 #b5f5d5 H:150 S:26 B:96 #b5f5ca H:140 S:26 B:96 #b5f5c0 H:130 S:26 B:96 #b5f5b5 H:120 S:26 B:96 #c0f5b5 H:110 S:26 B:96 #caf5b5 H:100 S:26 B:96 #d5f5b5 H:90 S:26 B:96 #e0f5b5 H:80 S:26 B:96 #eaf5b5 H:70 S:26 B:96 #f5f5b5 H:60 S:26 B:96 #f5eab5 H:50 S:26 B:96 #f5e0b5 H:40 S:26 B:96 #f5d5b5 H:30 S:26 B:96 #f5cab5 H:20 S:26 B:96 #f5c0b5 H:10 S:26 B:96 #f5b5b5 H:0 S:26 B:96
明度 #bdd3ff H:220 S:26 B:100 #aabee6 H:220 S:26 B:90 #97a9cc H:220 S:26 B:80 #8494b3 H:220 S:26 B:70 #717e99 H:220 S:26 B:60 #5e6980 H:220 S:26 B:50 #4b5466 H:220 S:26 B:40 #393f4d H:220 S:26 B:30 #262a33 H:220 S:26 B:20 #13151a H:220 S:26 B:10 #000000 H:220 S:26 B:0
彩度 #0052f5 H:220 S:100 B:96 #1862f5 H:220 S:90 B:96 #3172f5 H:220 S:80 B:96 #4983f5 H:220 S:70 B:96 #6293f5 H:220 S:60 B:96 #7aa3f5 H:220 S:50 B:96 #93b4f5 H:220 S:40 B:96 #abc4f5 H:220 S:30 B:96 #c4d4f5 H:220 S:20 B:96 #dce4f5 H:220 S:10 B:96 #f5f5f5 H:220 S:0 B:96
補色 #f5c0b5 H:10 S:26 B:96 #f5e0b5 H:40 S:26 B:96 #eaf5b5 H:70 S:26 B:96
類似色 #b5f5e0 H:160 S:26 B:96 #b5f5ef H:175 S:26 B:96 #b5eaf5 H:190 S:26 B:96 #b5daf5 H:205 S:26 B:96 #b5caf5 H:220 S:26 B:96 #b5baf5 H:235 S:26 B:96 #c0b5f5 H:250 S:26 B:96 #d0b5f5 H:265 S:26 B:96 #e0b5f5 H:280 S:26 B:96

#b5caf4 の配色パターン