#BADCCC

#BADCCC

#DCBACA

#DCBACA

对比度

1.19:1

Delta E

30.69

Very Different

50:50 混合

#CCCBCB

颜色值

格式 #BADCCC #DCBACA
HEX #BADCCC #DCBACA
RGB 186, 220, 204 220, 186, 202
HSL 151.8, 32.7%, 79.6% 331.8, 32.7%, 79.6%
HSV 151.8, 15.5%, 86.3% 331.8, 15.5%, 86.3%
CMYK 15.5%, 0.0%, 7.3%, 13.7% 0.0%, 15.5%, 8.2%, 13.7%
OKLCH 0.8653 0.0421 165.3 0.823 0.0442 348.1

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCBACA → 背景色: #BADCCC

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

文本: #BADCCC → 背景色: #DCBACA

色差 (Delta E)

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

渐变

#BADCCC #C0D7CC #C7D1CB #CCCBCB #D2C6CB #D7C0CA #DCBACA

颜色混合

#BADCCC

100%

#C4D4CC

75:25

#CCCBCB

50:50

#D4C3CB

25:75

#DCBACA

100%

CSS渐变代码

background: linear-gradient(to right, #BADCCC, #DCBACA);
background: linear-gradient(135deg, #BADCCC, #DCBACA);

探索每种颜色

#BADCCC

查看完整颜色详情

#DCBACA

查看完整颜色详情

相关比较