#39C8DF

#39C8DF

#DF5039

#DF5039

对比度

1.96:1

Delta E

108.36

Very Different

50:50 混合

#B89389

颜色值

格式 #39C8DF #DF5039
HEX #39C8DF #DF5039
RGB 57, 200, 223 223, 80, 57
HSL 188.3, 72.2%, 54.9% 8.3, 72.2%, 54.9%
HSV 188.3, 74.4%, 87.5% 8.3, 74.4%, 87.5%
CMYK 74.4%, 10.3%, 0.0%, 12.5% 0.0%, 64.1%, 74.4%, 12.5%
OKLCH 0.7687 0.1204 210.9 0.6219 0.1827 31.7

对比度与无障碍

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5039 → 背景色: #39C8DF

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

文本: #39C8DF → 背景色: #DF5039

色差 (Delta E)

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

渐变

#39C8DF #7FB7C2 #A1A5A5 #B89389 #C97F6E #D66A54 #DF5039

颜色混合

#39C8DF

100%

#92AEB4

75:25

#B89389

50:50

#D07561

25:75

#DF5039

100%

CSS渐变代码

background: linear-gradient(to right, #39C8DF, #DF5039);
background: linear-gradient(135deg, #39C8DF, #DF5039);

探索每种颜色

#39C8DF

查看完整颜色详情

#DF5039

查看完整颜色详情

相关比较