#97DCD3

#97DCD3

#DC97A0

#DC97A0

对比度

1.5:1

Delta E

53.11

Very Different

50:50 混合

#C1BBB9

颜色值

格式 #97DCD3 #DC97A0
HEX #97DCD3 #DC97A0
RGB 151, 220, 211 220, 151, 160
HSL 172.2, 49.6%, 72.7% 352.2, 49.6%, 72.7%
HSV 172.2, 31.4%, 86.3% 352.2, 31.4%, 86.3%
CMYK 31.4%, 0.0%, 4.1%, 13.7% 0.0%, 31.4%, 27.3%, 13.7%
OKLCH 0.8461 0.0704 185.7 0.7465 0.0837 10.7

对比度与无障碍

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC97A0 → 背景色: #97DCD3

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

文本: #97DCD3 → 背景色: #DC97A0

色差 (Delta E)

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

渐变

#97DCD3 #A7D1CA #B5C6C2 #C1BBB9 #CBAFB1 #D4A3A8 #DC97A0

颜色混合

#97DCD3

100%

#AFCCC6

75:25

#C1BBB9

50:50

#D0A9AC

25:75

#DC97A0

100%

CSS渐变代码

background: linear-gradient(to right, #97DCD3, #DC97A0);
background: linear-gradient(135deg, #97DCD3, #DC97A0);

探索每种颜色

#97DCD3

查看完整颜色详情

#DC97A0

查看完整颜色详情

相关比较