#C9D4FD

#C9D4FD

#FDF2C9

#FDF2C9

对比度

1.31:1

Delta E

44.2

Very Different

50:50 混合

#E5E3E3

颜色值

格式 #C9D4FD #FDF2C9
HEX #C9D4FD #FDF2C9
RGB 201, 212, 253 253, 242, 201
HSL 227.3, 92.9%, 89.0% 47.3, 92.9%, 89.0%
HSV 227.3, 20.6%, 99.2% 47.3, 20.6%, 99.2%
CMYK 20.6%, 16.2%, 0.0%, 0.8% 0.0%, 4.3%, 20.6%, 0.8%
OKLCH 0.8749 0.058 273.4 0.9596 0.0544 94.7

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF2C9 → 背景色: #C9D4FD

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

文本: #C9D4FD → 背景色: #FDF2C9

色差 (Delta E)

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

渐变

#C9D4FD #D3D9F5 #DDDEEC #E5E3E3 #EEE8DB #F6EDD2 #FDF2C9

颜色混合

#C9D4FD

100%

#D8DBF0

75:25

#E5E3E3

50:50

#F2EAD6

25:75

#FDF2C9

100%

CSS渐变代码

background: linear-gradient(to right, #C9D4FD, #FDF2C9);
background: linear-gradient(135deg, #C9D4FD, #FDF2C9);

探索每种颜色

#C9D4FD

查看完整颜色详情

#FDF2C9

查看完整颜色详情

相关比较