#CCBAEB

#CCBAEB

#D9EBBA

#D9EBBA

对比度

1.4:1

Delta E

54.54

Very Different

50:50 混合

#D4D3D3

颜色值

格式 #CCBAEB #D9EBBA
HEX #CCBAEB #D9EBBA
RGB 204, 186, 235 217, 235, 186
HSL 262.0, 55.1%, 82.5% 82.0, 55.1%, 82.5%
HSV 262.0, 20.9%, 92.2% 82.0, 20.9%, 92.2%
CMYK 13.2%, 20.9%, 0.0%, 7.8% 7.7%, 0.0%, 20.9%, 7.8%
OKLCH 0.8201 0.0704 301.6 0.9143 0.0674 124.1

对比度与无障碍

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D9EBBA → 背景色: #CCBAEB

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

文本: #CCBAEB → 背景色: #D9EBBA

色差 (Delta E)

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

渐变

#CCBAEB #CFC2E3 #D2CADB #D4D3D3 #D6DBCB #D8E3C3 #D9EBBA

颜色混合

#CCBAEB

100%

#D1C6DF

75:25

#D4D3D3

50:50

#D7DFC7

25:75

#D9EBBA

100%

CSS渐变代码

background: linear-gradient(to right, #CCBAEB, #D9EBBA);
background: linear-gradient(135deg, #CCBAEB, #D9EBBA);

探索每种颜色

#CCBAEB

查看完整颜色详情

#D9EBBA

查看完整颜色详情

相关比较