#C4CDDF

#C4CDDF

#DFD6C4

#DFD6C4

对比度

1.11:1

Delta E

20.28

Noticeable

50:50 混合

#D2D1D2

颜色值

格式 #C4CDDF #DFD6C4
HEX #C4CDDF #DFD6C4
RGB 196, 205, 223 223, 214, 196
HSL 220.0, 29.7%, 82.2% 40.0, 29.7%, 82.2%
HSV 220.0, 12.1%, 87.5% 40.0, 12.1%, 87.5%
CMYK 12.1%, 8.1%, 0.0%, 12.5% 0.0%, 4.0%, 12.1%, 12.5%
OKLCH 0.8469 0.0269 264.4 0.8784 0.0262 84.6

对比度与无障碍

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD6C4 → 背景色: #C4CDDF

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

文本: #C4CDDF → 背景色: #DFD6C4

色差 (Delta E)

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

渐变

#C4CDDF #C9CEDB #CED0D6 #D2D1D2 #D7D3CD #DBD4C9 #DFD6C4

颜色混合

#C4CDDF

100%

#CBCFD8

75:25

#D2D1D2

50:50

#D9D4CB

25:75

#DFD6C4

100%

CSS渐变代码

background: linear-gradient(to right, #C4CDDF, #DFD6C4);
background: linear-gradient(135deg, #C4CDDF, #DFD6C4);

探索每种颜色

#C4CDDF

查看完整颜色详情

#DFD6C4

查看完整颜色详情

相关比较