#39BAB6

#39BAB6

#BA393D

#BA393D

对比度

2.37:1

Delta E

97.14

Very Different

50:50 混合

#9C8277

颜色值

格式 #39BAB6 #BA393D
HEX #39BAB6 #BA393D
RGB 57, 186, 182 186, 57, 61
HSL 178.1, 53.1%, 47.6% 358.1, 53.1%, 47.6%
HSV 178.1, 69.4%, 72.9% 358.1, 69.4%, 72.9%
CMYK 69.4%, 0.0%, 2.2%, 27.1% 0.0%, 69.4%, 67.2%, 27.1%
OKLCH 0.7198 0.1092 192.0 0.5356 0.1652 23.0

对比度与无障碍

2.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA393D → 背景色: #39BAB6

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

文本: #39BAB6 → 背景色: #BA393D

色差 (Delta E)

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

渐变

#39BAB6 #6EA8A0 #8A958B #9C8277 #AA6D63 #B35650 #BA393D

颜色混合

#39BAB6

100%

#7D9F96

75:25

#9C8277

50:50

#AF6259

25:75

#BA393D

100%

CSS渐变代码

background: linear-gradient(to right, #39BAB6, #BA393D);
background: linear-gradient(135deg, #39BAB6, #BA393D);

探索每种颜色

#39BAB6

查看完整颜色详情

#BA393D

查看完整颜色详情

相关比较