#CCBAF0

#CCBAF0

#DEF0BA

#DEF0BA

对比度

1.46:1

Delta E

59.68

Very Different

50:50 混合

#D7D5D6

颜色值

格式 #CCBAF0 #DEF0BA
HEX #CCBAF0 #DEF0BA
RGB 204, 186, 240 222, 240, 186
HSL 260.0, 64.3%, 83.5% 80.0, 64.3%, 83.5%
HSV 260.0, 22.5%, 94.1% 80.0, 22.5%, 94.1%
CMYK 15.0%, 22.5%, 0.0%, 5.9% 7.5%, 0.0%, 22.5%, 5.9%
OKLCH 0.822 0.0771 300.0 0.9283 0.0732 122.8

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DEF0BA → 背景色: #CCBAF0

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

文本: #CCBAF0 → 背景色: #DEF0BA

色差 (Delta E)

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

渐变

#CCBAF0 #D0C3E7 #D4CCDF #D7D5D6 #DADECD #DCE7C4 #DEF0BA

颜色混合

#CCBAF0

100%

#D2C8E3

75:25

#D7D5D6

50:50

#DBE3C8

25:75

#DEF0BA

100%

CSS渐变代码

background: linear-gradient(to right, #CCBAF0, #DEF0BA);
background: linear-gradient(135deg, #CCBAF0, #DEF0BA);

探索每种颜色

#CCBAF0

查看完整颜色详情

#DEF0BA

查看完整颜色详情

相关比较