#B4DBDB

#B4DBDB

#DBB4B4

#DBB4B4

对比度

1.26:1

Delta E

29.52

Very Different

50:50 混合

#CAC8C7

颜色值

格式 #B4DBDB #DBB4B4
HEX #B4DBDB #DBB4B4
RGB 180, 219, 219 219, 180, 180
HSL 180.0, 35.1%, 78.2% 0.0, 35.1%, 78.2%
HSV 180.0, 17.8%, 85.9% 0.0, 17.8%, 85.9%
CMYK 17.8%, 0.0%, 0.0%, 14.1% 0.0%, 17.8%, 17.8%, 14.1%
OKLCH 0.8636 0.0409 196.4 0.8043 0.0453 18.1

对比度与无障碍

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB4B4 → 背景色: #B4DBDB

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

文本: #B4DBDB → 背景色: #DBB4B4

色差 (Delta E)

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

渐变

#B4DBDB #BCD5D4 #C3CECE #CAC8C7 #D0C1C1 #D6BBBA #DBB4B4

颜色混合

#B4DBDB

100%

#C0D1D1

75:25

#CAC8C7

50:50

#D3BEBE

25:75

#DBB4B4

100%

CSS渐变代码

background: linear-gradient(to right, #B4DBDB, #DBB4B4);
background: linear-gradient(135deg, #B4DBDB, #DBB4B4);

探索每种颜色

#B4DBDB

查看完整颜色详情

#DBB4B4

查看完整颜色详情

相关比较