#C1D4DF

#C1D4DF

#DFCCC1

#DFCCC1

对比度

1.02:1

Delta E

17.88

Noticeable

50:50 混合

#D1D0D0

颜色值

格式 #C1D4DF #DFCCC1
HEX #C1D4DF #DFCCC1
RGB 193, 212, 223 223, 204, 193
HSL 202.0, 31.9%, 81.6% 22.0, 31.9%, 81.6%
HSV 202.0, 13.5%, 87.5% 22.0, 13.5%, 87.5%
CMYK 13.5%, 4.9%, 0.0%, 12.5% 0.0%, 8.5%, 13.5%, 12.5%
OKLCH 0.859 0.0256 233.0 0.8578 0.0262 52.2

对比度与无障碍

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFCCC1 → 背景色: #C1D4DF

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

文本: #C1D4DF → 背景色: #DFCCC1

色差 (Delta E)

17.88 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#C1D4DF #C7D3DA #CCD1D5 #D1D0D0 #D6CFCB #DBCDC6 #DFCCC1

颜色混合

#C1D4DF

100%

#C9D2D8

75:25

#D1D0D0

50:50

#D8CEC9

25:75

#DFCCC1

100%

CSS渐变代码

background: linear-gradient(to right, #C1D4DF, #DFCCC1);
background: linear-gradient(135deg, #C1D4DF, #DFCCC1);

探索每种颜色

#C1D4DF

查看完整颜色详情

#DFCCC1

查看完整颜色详情

相关比较