#CBF0BA

#CBF0BA

#DFBAF0

#DFBAF0

对比度

1.35:1

Delta E

63.5

Very Different

50:50 混合

#D7D6D6

颜色值

格式 #CBF0BA #DFBAF0
HEX #CBF0BA #DFBAF0
RGB 203, 240, 186 223, 186, 240
HSL 101.1, 64.3%, 83.5% 281.1, 64.3%, 83.5%
HSV 101.1, 22.5%, 94.1% 281.1, 22.5%, 94.1%
CMYK 15.4%, 0.0%, 22.5%, 5.9% 7.1%, 22.5%, 0.0%, 5.9%
OKLCH 0.915 0.0815 135.9 0.8384 0.0838 315.1

对比度与无障碍

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBAF0 → 背景色: #CBF0BA

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

文本: #CBF0BA → 背景色: #DFBAF0

色差 (Delta E)

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

渐变

#CBF0BA #D0E7C3 #D4DFCD #D7D6D6 #DACDDF #DDC3E7 #DFBAF0

颜色混合

#CBF0BA

100%

#D2E3C8

75:25

#D7D6D6

50:50

#DCC8E3

25:75

#DFBAF0

100%

CSS渐变代码

background: linear-gradient(to right, #CBF0BA, #DFBAF0);
background: linear-gradient(135deg, #CBF0BA, #DFBAF0);

探索每种颜色

#CBF0BA

查看完整颜色详情

#DFBAF0

查看完整颜色详情

相关比较