#b2b2f4

Hexadecimal Color Code

明るい灰みの青紫系の色

[RGB] R:178 G:178 B:244

[HSB] H:240 S:27 B:96

[L*a*b*] L*:74.72 a*:14.21 b*:-32.74

[CMYK] C:36% M:31% Y:0% K:0%

[HSL] H:240 S:75 L:83

[OKLCH] L:78.7% C:0.093 H:284.1

[Display-P3] R:0.698 G:0.698 B:0.9374

[コントラスト比] Aa 白 1.98:1 ×　Aa 黒 10.56:1 ◎

色相 #f5b3b3 H:360 S:27 B:96 #f5b3be H:350 S:27 B:96 #f5b3c9 H:340 S:27 B:96 #f5b3d4 H:330 S:27 B:96 #f5b3df H:320 S:27 B:96 #f5b3ea H:310 S:27 B:96 #f5b3f5 H:300 S:27 B:96 #eab3f5 H:290 S:27 B:96 #dfb3f5 H:280 S:27 B:96 #d4b3f5 H:270 S:27 B:96 #c9b3f5 H:260 S:27 B:96 #beb3f5 H:250 S:27 B:96 #b3b3f5 H:240 S:27 B:96 #b3bef5 H:230 S:27 B:96 #b3c9f5 H:220 S:27 B:96 #b3d4f5 H:210 S:27 B:96 #b3dff5 H:200 S:27 B:96 #b3eaf5 H:190 S:27 B:96 #b3f5f5 H:180 S:27 B:96 #b3f5ea H:170 S:27 B:96 #b3f5df H:160 S:27 B:96 #b3f5d4 H:150 S:27 B:96 #b3f5c9 H:140 S:27 B:96 #b3f5be H:130 S:27 B:96 #b3f5b3 H:120 S:27 B:96 #bef5b3 H:110 S:27 B:96 #c9f5b3 H:100 S:27 B:96 #d4f5b3 H:90 S:27 B:96 #dff5b3 H:80 S:27 B:96 #eaf5b3 H:70 S:27 B:96 #f5f5b3 H:60 S:27 B:96 #f5eab3 H:50 S:27 B:96 #f5dfb3 H:40 S:27 B:96 #f5d4b3 H:30 S:27 B:96 #f5c9b3 H:20 S:27 B:96 #f5beb3 H:10 S:27 B:96 #f5b3b3 H:0 S:27 B:96
明度 #babaff H:240 S:27 B:100 #a8a8e6 H:240 S:27 B:90 #9595cc H:240 S:27 B:80 #8282b3 H:240 S:27 B:70 #707099 H:240 S:27 B:60 #5d5d80 H:240 S:27 B:50 #4a4a66 H:240 S:27 B:40 #38384d H:240 S:27 B:30 #252533 H:240 S:27 B:20 #13131a H:240 S:27 B:10 #000000 H:240 S:27 B:0
彩度 #0000f5 H:240 S:100 B:96 #1818f5 H:240 S:90 B:96 #3131f5 H:240 S:80 B:96 #4949f5 H:240 S:70 B:96 #6262f5 H:240 S:60 B:96 #7a7af5 H:240 S:50 B:96 #9393f5 H:240 S:40 B:96 #ababf5 H:240 S:30 B:96 #c4c4f5 H:240 S:20 B:96 #dcdcf5 H:240 S:10 B:96 #f5f5f5 H:240 S:0 B:96
補色 #f5d4b3 H:30 S:27 B:96 #f5f5b3 H:60 S:27 B:96 #d4f5b3 H:90 S:27 B:96
類似色 #b3f5f5 H:180 S:27 B:96 #b3e4f5 H:195 S:27 B:96 #b3d4f5 H:210 S:27 B:96 #b3c3f5 H:225 S:27 B:96 #b3b3f5 H:240 S:27 B:96 #c3b3f5 H:255 S:27 B:96 #d4b3f5 H:270 S:27 B:96 #e4b3f5 H:285 S:27 B:96 #f5b3f5 H:300 S:27 B:96

#b2b2f4 の配色パターン