#CEBAF0

#CEBAF0

#DCF0BA

#DCF0BA

对比度

1.45:1

Delta E

59.96

Very Different

50:50 混合

#D7D5D6

颜色值

格式 #CEBAF0 #DCF0BA
HEX #CEBAF0 #DCF0BA
RGB 206, 186, 240 220, 240, 186
HSL 262.2, 64.3%, 83.5% 82.2, 64.3%, 83.5%
HSV 262.2, 22.5%, 94.1% 82.2, 22.5%, 94.1%
CMYK 14.2%, 22.5%, 0.0%, 5.9% 8.3%, 0.0%, 22.5%, 5.9%
OKLCH 0.8237 0.0775 301.6 0.9269 0.0739 124.3

对比度与无障碍

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCF0BA → 背景色: #CEBAF0

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

文本: #CEBAF0 → 背景色: #DCF0BA

色差 (Delta E)

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

渐变

#CEBAF0 #D2C3E7 #D5CCDF #D7D5D6 #D9DECD #DBE7C4 #DCF0BA

颜色混合

#CEBAF0

100%

#D3C8E3

75:25

#D7D5D6

50:50

#DAE3C8

25:75

#DCF0BA

100%

CSS渐变代码

background: linear-gradient(to right, #CEBAF0, #DCF0BA);
background: linear-gradient(135deg, #CEBAF0, #DCF0BA);

探索每种颜色

#CEBAF0

查看完整颜色详情

#DCF0BA

查看完整颜色详情

相关比较