#9BC2DB

#9BC2DB

#DBB49B

#DBB49B

对比度

1.01:1

Delta E

38.99

Very Different

50:50 混合

#C0BBBB

颜色值

格式 #9BC2DB #DBB49B
HEX #9BC2DB #DBB49B
RGB 155, 194, 219 219, 180, 155
HSL 203.4, 47.1%, 73.3% 23.4, 47.1%, 73.3%
HSV 203.4, 29.2%, 85.9% 23.4, 29.2%, 85.9%
CMYK 29.2%, 11.4%, 0.0%, 14.1% 0.0%, 17.8%, 29.2%, 14.1%
OKLCH 0.7943 0.0548 236.5 0.798 0.0569 54.4

对比度与无障碍

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB49B → 背景色: #9BC2DB

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

文本: #9BC2DB → 背景色: #DBB49B

色差 (Delta E)

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

渐变

#9BC2DB #A9C0D0 #B5BDC6 #C0BBBB #CAB9B0 #D3B6A6 #DBB49B

颜色混合

#9BC2DB

100%

#AFBFCB

75:25

#C0BBBB

50:50

#CEB8AB

25:75

#DBB49B

100%

CSS渐变代码

background: linear-gradient(to right, #9BC2DB, #DBB49B);
background: linear-gradient(135deg, #9BC2DB, #DBB49B);

探索每种颜色

#9BC2DB

查看完整颜色详情

#DBB49B

查看完整颜色详情

相关比较