#58BBD7

#58BBD7

#D77458

#D77458

对比度

1.46:1

Delta E

80.37

Very Different

50:50 混合

#B09A96

颜色值

格式 #58BBD7 #D77458
HEX #58BBD7 #D77458
RGB 88, 187, 215 215, 116, 88
HSL 193.2, 61.4%, 59.4% 13.2, 61.4%, 59.4%
HSV 193.2, 59.1%, 84.3% 13.2, 59.1%, 84.3%
CMYK 59.1%, 13.0%, 0.0%, 15.7% 0.0%, 46.0%, 59.1%, 15.7%
OKLCH 0.7436 0.1004 219.1 0.6651 0.1309 36.7

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D77458 → 背景色: #58BBD7

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

文本: #58BBD7 → 背景色: #D77458

色差 (Delta E)

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

渐变

#58BBD7 #82B0C1 #9CA5AC #B09A96 #C08E81 #CD816D #D77458

颜色混合

#58BBD7

100%

#90ABB6

75:25

#B09A96

50:50

#C78877

25:75

#D77458

100%

CSS渐变代码

background: linear-gradient(to right, #58BBD7, #D77458);
background: linear-gradient(135deg, #58BBD7, #D77458);

探索每种颜色

#58BBD7

查看完整颜色详情

#D77458

查看完整颜色详情

相关比较