#CCFAF3

#CCFAF3

#FACCD3

#FACCD3

对比度

1.27:1

Delta E

34.68

Very Different

50:50 混合

#E6E3E3

颜色值

格式 #CCFAF3 #FACCD3
HEX #CCFAF3 #FACCD3
RGB 204, 250, 243 250, 204, 211
HSL 170.9, 82.1%, 89.0% 350.9, 82.1%, 89.0%
HSV 170.9, 18.4%, 98.0% 350.9, 18.4%, 98.0%
CMYK 18.4%, 0.0%, 2.8%, 2.0% 0.0%, 18.4%, 15.6%, 2.0%
OKLCH 0.9511 0.0479 185.1 0.8869 0.0527 7.9

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #FACCD3 → 背景色: #CCFAF3

敏捷的棕色狐狸跳过了懒狗

文本: #CCFAF3 → 背景色: #FACCD3

色差 (Delta E)

34.68 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#CCFAF3 #D5F3EE #DEEBE8 #E6E3E3 #EDDCDE #F4D4D8 #FACCD3

颜色混合

#CCFAF3

100%

#DAEFEB

75:25

#E6E3E3

50:50

#F0D8DB

25:75

#FACCD3

100%

CSS渐变代码

background: linear-gradient(to right, #CCFAF3, #FACCD3);
background: linear-gradient(135deg, #CCFAF3, #FACCD3);

探索每种颜色

#CCFAF3

查看完整颜色详情

#FACCD3

查看完整颜色详情

相关比较