#dfabf5

Hexadecimal Color Code

明るい灰みの紫系の色

[RGB] R:223 G:171 B:245

[HSB] H:282 S:30 B:96

[L*a*b*] L*:76.92 a*:31.86 b*:-29.57

[CMYK] C:22% M:39% Y:0% K:0%

[HSL] H:282 S:79 L:82

[OKLCH] L:81.4% C:0.116 H:315.6

[Display-P3] R:0.843 G:0.6787 B:0.9422

[コントラスト比] Aa 白 1.86:1 ×　Aa 黒 11.28:1 ◎

色相 #f5abab H:360 S:30 B:96 #f5abb8 H:350 S:30 B:96 #f5abc4 H:340 S:30 B:96 #f5abd0 H:330 S:30 B:96 #f5abdc H:320 S:30 B:96 #f5abe9 H:310 S:30 B:96 #f5abf5 H:300 S:30 B:96 #e9abf5 H:290 S:30 B:96 #dcabf5 H:280 S:30 B:96 #d0abf5 H:270 S:30 B:96 #c4abf5 H:260 S:30 B:96 #b8abf5 H:250 S:30 B:96 #ababf5 H:240 S:30 B:96 #abb8f5 H:230 S:30 B:96 #abc4f5 H:220 S:30 B:96 #abd0f5 H:210 S:30 B:96 #abdcf5 H:200 S:30 B:96 #abe9f5 H:190 S:30 B:96 #abf5f5 H:180 S:30 B:96 #abf5e9 H:170 S:30 B:96 #abf5dc H:160 S:30 B:96 #abf5d0 H:150 S:30 B:96 #abf5c4 H:140 S:30 B:96 #abf5b8 H:130 S:30 B:96 #abf5ab H:120 S:30 B:96 #b8f5ab H:110 S:30 B:96 #c4f5ab H:100 S:30 B:96 #d0f5ab H:90 S:30 B:96 #dcf5ab H:80 S:30 B:96 #e9f5ab H:70 S:30 B:96 #f5f5ab H:60 S:30 B:96 #f5e9ab H:50 S:30 B:96 #f5dcab H:40 S:30 B:96 #f5d0ab H:30 S:30 B:96 #f5c4ab H:20 S:30 B:96 #f5b8ab H:10 S:30 B:96 #f5abab H:0 S:30 B:96
明度 #e8b3ff H:282 S:30 B:100 #d1a1e6 H:282 S:30 B:90 #ba8fcc H:282 S:30 B:80 #a27db3 H:282 S:30 B:70 #8b6b99 H:282 S:30 B:60 #745980 H:282 S:30 B:50 #5d4766 H:282 S:30 B:40 #46364d H:282 S:30 B:30 #2e2433 H:282 S:30 B:20 #17121a H:282 S:30 B:10 #000000 H:282 S:30 B:0
彩度 #ab00f5 H:282 S:100 B:96 #b318f5 H:282 S:90 B:96 #ba31f5 H:282 S:80 B:96 #c149f5 H:282 S:70 B:96 #c962f5 H:282 S:60 B:96 #d07af5 H:282 S:50 B:96 #d793f5 H:282 S:40 B:96 #dfabf5 H:282 S:30 B:96 #e6c4f5 H:282 S:20 B:96 #eddcf5 H:282 S:10 B:96 #f5f5f5 H:282 S:0 B:96
補色 #e6f5ab H:72 S:30 B:96 #c1f5ab H:102 S:30 B:96 #abf5ba H:132 S:30 B:96
類似色 #abc1f5 H:222 S:30 B:96 #abaff5 H:237 S:30 B:96 #baabf5 H:252 S:30 B:96 #ccabf5 H:267 S:30 B:96 #dfabf5 H:282 S:30 B:96 #f1abf5 H:297 S:30 B:96 #f5abe6 H:312 S:30 B:96 #f5abd4 H:327 S:30 B:96 #f5abc1 H:342 S:30 B:96

#dfabf5 の配色パターン