#b8bcf5

Hexadecimal Color Code

明るい灰みの青紫系の色

[RGB] R:184 G:188 B:245

[HSB] H:236 S:25 B:96

[L*a*b*] L*:77.72 a*:10.7 b*:-28.62

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

[HSL] H:236 S:75 L:84

[OKLCH] L:81.2% C:0.08 H:281.3

[Display-P3] R:0.7244 G:0.7367 B:0.9434

[コントラスト比] Aa 白 1.81:1 ×　Aa 黒 11.54:1 ◎

色相 #f5b8b8 H:360 S:25 B:96 #f5b8c2 H:350 S:25 B:96 #f5b8cc H:340 S:25 B:96 #f5b8d6 H:330 S:25 B:96 #f5b8e0 H:320 S:25 B:96 #f5b8eb H:310 S:25 B:96 #f5b8f5 H:300 S:25 B:96 #ebb8f5 H:290 S:25 B:96 #e0b8f5 H:280 S:25 B:96 #d6b8f5 H:270 S:25 B:96 #ccb8f5 H:260 S:25 B:96 #c2b8f5 H:250 S:25 B:96 #b8b8f5 H:240 S:25 B:96 #b8c2f5 H:230 S:25 B:96 #b8ccf5 H:220 S:25 B:96 #b8d6f5 H:210 S:25 B:96 #b8e0f5 H:200 S:25 B:96 #b8ebf5 H:190 S:25 B:96 #b8f5f5 H:180 S:25 B:96 #b8f5eb H:170 S:25 B:96 #b8f5e0 H:160 S:25 B:96 #b8f5d6 H:150 S:25 B:96 #b8f5cc H:140 S:25 B:96 #b8f5c2 H:130 S:25 B:96 #b8f5b8 H:120 S:25 B:96 #c2f5b8 H:110 S:25 B:96 #ccf5b8 H:100 S:25 B:96 #d6f5b8 H:90 S:25 B:96 #e0f5b8 H:80 S:25 B:96 #ebf5b8 H:70 S:25 B:96 #f5f5b8 H:60 S:25 B:96 #f5ebb8 H:50 S:25 B:96 #f5e0b8 H:40 S:25 B:96 #f5d6b8 H:30 S:25 B:96 #f5ccb8 H:20 S:25 B:96 #f5c2b8 H:10 S:25 B:96 #f5b8b8 H:0 S:25 B:96
明度 #bfc4ff H:236 S:25 B:100 #acb0e6 H:236 S:25 B:90 #999ccc H:236 S:25 B:80 #8689b3 H:236 S:25 B:70 #737599 H:236 S:25 B:60 #606280 H:236 S:25 B:50 #4d4e66 H:236 S:25 B:40 #393b4d H:236 S:25 B:30 #262733 H:236 S:25 B:20 #13141a H:236 S:25 B:10 #000000 H:236 S:25 B:0
彩度 #0010f5 H:236 S:100 B:96 #1827f5 H:236 S:90 B:96 #313ef5 H:236 S:80 B:96 #4955f5 H:236 S:70 B:96 #626cf5 H:236 S:60 B:96 #7a83f5 H:236 S:50 B:96 #9399f5 H:236 S:40 B:96 #abb0f5 H:236 S:30 B:96 #c4c7f5 H:236 S:20 B:96 #dcdef5 H:236 S:10 B:96 #f5f5f5 H:236 S:0 B:96
補色 #f5d2b8 H:26 S:25 B:96 #f5f1b8 H:56 S:25 B:96 #daf5b8 H:86 S:25 B:96
類似色 #b8f5f1 H:176 S:25 B:96 #b8eaf5 H:191 S:25 B:96 #b8daf5 H:206 S:25 B:96 #b8cbf5 H:221 S:25 B:96 #b8bcf5 H:236 S:25 B:96 #c3b8f5 H:251 S:25 B:96 #d2b8f5 H:266 S:25 B:96 #e1b8f5 H:281 S:25 B:96 #f1b8f5 H:296 S:25 B:96

#b8bcf5 の配色パターン