#96DCD3

#96DCD3

#DC969F

#DC969F

对比度

1.51:1

Delta E

53.85

Very Different

50:50 混合

#C1BAB9

颜色值

格式 #96DCD3 #DC969F
HEX #96DCD3 #DC969F
RGB 150, 220, 211 220, 150, 159
HSL 172.3, 50.0%, 72.5% 352.3, 50.0%, 72.5%
HSV 172.3, 31.8%, 86.3% 352.3, 31.8%, 86.3%
CMYK 31.8%, 0.0%, 4.1%, 13.7% 0.0%, 31.8%, 27.7%, 13.7%
OKLCH 0.8456 0.0713 185.9 0.7445 0.085 10.9

对比度与无障碍

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC969F → 背景色: #96DCD3

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

文本: #96DCD3 → 背景色: #DC969F

色差 (Delta E)

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

渐变

#96DCD3 #A7D1CA #B5C6C1 #C1BAB9 #CBAFB0 #D4A3A7 #DC969F

颜色混合

#96DCD3

100%

#AECBC6

75:25

#C1BAB9

50:50

#D0A9AC

25:75

#DC969F

100%

CSS渐变代码

background: linear-gradient(to right, #96DCD3, #DC969F);
background: linear-gradient(135deg, #96DCD3, #DC969F);

探索每种颜色

#96DCD3

查看完整颜色详情

#DC969F

查看完整颜色详情

相关比较