#C5CDDF

#C5CDDF

#DFD7C5

#DFD7C5

对比度

1.11:1

Delta E

20.1

Noticeable

50:50 混合

#D3D2D2

颜色值

格式 #C5CDDF #DFD7C5
HEX #C5CDDF #DFD7C5
RGB 197, 205, 223 223, 215, 197
HSL 221.5, 28.9%, 82.4% 41.5, 28.9%, 82.4%
HSV 221.5, 11.7%, 87.5% 41.5, 11.7%, 87.5%
CMYK 11.7%, 8.1%, 0.0%, 12.5% 0.0%, 3.6%, 11.7%, 12.5%
OKLCH 0.8477 0.0265 266.6 0.8807 0.0258 86.9

对比度与无障碍

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

文本可读性

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

文本: #DFD7C5 → 背景色: #C5CDDF

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

文本: #C5CDDF → 背景色: #DFD7C5

色差 (Delta E)

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

渐变

#C5CDDF #CACFDB #CED0D6 #D3D2D2 #D7D4CE #DBD5C9 #DFD7C5

颜色混合

#C5CDDF

100%

#CCCFD9

75:25

#D3D2D2

50:50

#D9D4CC

25:75

#DFD7C5

100%

CSS渐变代码

background: linear-gradient(to right, #C5CDDF, #DFD7C5);
background: linear-gradient(135deg, #C5CDDF, #DFD7C5);

探索每种颜色

#C5CDDF

查看完整颜色详情

#DFD7C5

查看完整颜色详情

相关比较