#3FACAF

#3FACAF

#AF423F

#AF423F

对比度

2.1:1

Delta E

84.78

Very Different

50:50 混合

#937C75

颜色值

格式 #3FACAF #AF423F
HEX #3FACAF #AF423F
RGB 63, 172, 175 175, 66, 63
HSL 181.6, 47.1%, 46.7% 1.6, 47.1%, 46.7%
HSV 181.6, 64.0%, 68.6% 1.6, 64.0%, 68.6%
CMYK 64.0%, 1.7%, 0.0%, 31.4% 0.0%, 62.3%, 64.0%, 31.4%
OKLCH 0.6845 0.0973 197.7 0.5284 0.1434 24.9

对比度与无障碍

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF423F → 背景色: #3FACAF

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

文本: #3FACAF → 背景色: #AF423F

色差 (Delta E)

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

渐变

#3FACAF #6A9D9B #828D88 #937C75 #9F6B62 #A85850 #AF423F

颜色混合

#3FACAF

100%

#779591

75:25

#937C75

50:50

#A46259

25:75

#AF423F

100%

CSS渐变代码

background: linear-gradient(to right, #3FACAF, #AF423F);
background: linear-gradient(135deg, #3FACAF, #AF423F);

探索每种颜色

#3FACAF

查看完整颜色详情

#AF423F

查看完整颜色详情

相关比较