#CCF0AB

#CCF0AB

#CFABF0

#CFABF0

对比度

1.55:1

Delta E

78.67

Very Different

50:50 混合

#D1CECF

颜色值

格式 #CCF0AB #CFABF0
HEX #CCF0AB #CFABF0
RGB 204, 240, 171 207, 171, 240
HSL 91.3, 69.7%, 80.6% 271.3, 69.7%, 80.6%
HSV 91.3, 28.8%, 94.1% 271.3, 28.8%, 94.1%
CMYK 15.0%, 0.0%, 28.8%, 5.9% 13.7%, 28.8%, 0.0%, 5.9%
OKLCH 0.9125 0.0981 130.5 0.7968 0.1028 308.0

对比度与无障碍

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFABF0 → 背景色: #CCF0AB

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

文本: #CCF0AB → 背景色: #CFABF0

色差 (Delta E)

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

渐变

#CCF0AB #CFE5B7 #D0D9C3 #D1CECF #D1C3DA #D0B7E5 #CFABF0

颜色混合

#CCF0AB

100%

#CFDFBD

75:25

#D1CECF

50:50

#D1BDE0

25:75

#CFABF0

100%

CSS渐变代码

background: linear-gradient(to right, #CCF0AB, #CFABF0);
background: linear-gradient(135deg, #CCF0AB, #CFABF0);

探索每种颜色

#CCF0AB

查看完整颜色详情

#CFABF0

查看完整颜色详情

相关比较