#CAF0DC

#CAF0DC

#F0CADE

#F0CADE

对比度

1.2:1

Delta E

35.0

Very Different

50:50 混合

#DFDEDD

颜色值

格式 #CAF0DC #F0CADE
HEX #CAF0DC #F0CADE
RGB 202, 240, 220 240, 202, 222
HSL 148.4, 55.9%, 86.7% 328.4, 55.9%, 86.7%
HSV 148.4, 15.8%, 94.1% 328.4, 15.8%, 94.1%
CMYK 15.8%, 0.0%, 8.3%, 5.9% 0.0%, 15.8%, 7.5%, 5.9%
OKLCH 0.9226 0.0478 162.4 0.8772 0.05 345.2

对比度与无障碍

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0CADE → 背景色: #CAF0DC

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

文本: #CAF0DC → 背景色: #F0CADE

色差 (Delta E)

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

渐变

#CAF0DC #D1EADC #D8E4DD #DFDEDD #E5D7DD #EAD1DE #F0CADE

颜色混合

#CAF0DC

100%

#D5E7DD

75:25

#DFDEDD

50:50

#E8D4DE

25:75

#F0CADE

100%

CSS渐变代码

background: linear-gradient(to right, #CAF0DC, #F0CADE);
background: linear-gradient(135deg, #CAF0DC, #F0CADE);

探索每种颜色

#CAF0DC

查看完整颜色详情

#F0CADE

查看完整颜色详情

相关比较