#69DCD3

#69DCD3

#DC6972

#DC6972

对比度

2.03:1

Delta E

86.54

Very Different

50:50 混合

#B9A7A1

颜色值

格式 #69DCD3 #DC6972
HEX #69DCD3 #DC6972
RGB 105, 220, 211 220, 105, 114
HSL 175.3, 62.2%, 63.7% 355.3, 62.2%, 63.7%
HSV 175.3, 52.3%, 86.3% 355.3, 52.3%, 86.3%
CMYK 52.3%, 0.0%, 4.1%, 13.7% 0.0%, 52.3%, 48.2%, 13.7%
OKLCH 0.8253 0.1056 188.5 0.6603 0.1441 17.0

对比度与无障碍

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC6972 → 背景色: #69DCD3

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

文本: #69DCD3 → 背景色: #DC6972

色差 (Delta E)

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

渐变

#69DCD3 #8ECBC2 #A7B9B1 #B9A7A1 #C89491 #D38081 #DC6972

颜色混合

#69DCD3

100%

#9BC2BA

75:25

#B9A7A1

50:50

#CE8A89

25:75

#DC6972

100%

CSS渐变代码

background: linear-gradient(to right, #69DCD3, #DC6972);
background: linear-gradient(135deg, #69DCD3, #DC6972);

探索每种颜色

#69DCD3

查看完整颜色详情

#DC6972

查看完整颜色详情

相关比较