#39AF9F

#39AF9F

#AF3949

#AF3949

对比度

2.23:1

Delta E

90.26

Very Different

50:50 混合

#907C72

颜色值

格式 #39AF9F #AF3949
HEX #39AF9F #AF3949
RGB 57, 175, 159 175, 57, 73
HSL 171.9, 50.9%, 45.5% 351.9, 50.9%, 45.5%
HSV 171.9, 67.4%, 68.6% 351.9, 67.4%, 68.6%
CMYK 67.4%, 0.0%, 9.1%, 31.4% 0.0%, 67.4%, 58.3%, 31.4%
OKLCH 0.6849 0.1061 182.3 0.5194 0.1529 16.4

对比度与无障碍

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF3949 → 背景色: #39AF9F

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

文本: #39AF9F → 背景色: #AF3949

色差 (Delta E)

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

渐变

#39AF9F #669F90 #7F8D81 #907C72 #9D6964 #A75356 #AF3949

颜色混合

#39AF9F

100%

#749688

75:25

#907C72

50:50

#A35E5D

25:75

#AF3949

100%

CSS渐变代码

background: linear-gradient(to right, #39AF9F, #AF3949);
background: linear-gradient(135deg, #39AF9F, #AF3949);

探索每种颜色

#39AF9F

查看完整颜色详情

#AF3949

查看完整颜色详情

相关比较