#24634B

#24634B

#63243C

#63243C

对比度

1.6:1

Delta E

59.64

Very Different

50:50 混合

#4F4843

颜色值

格式 #24634B #63243C
HEX #24634B #63243C
RGB 36, 99, 75 99, 36, 60
HSL 157.1, 46.7%, 26.5% 337.1, 46.7%, 26.5%
HSV 157.1, 63.6%, 38.8% 337.1, 63.6%, 38.8%
CMYK 63.6%, 0.0%, 24.2%, 61.2% 0.0%, 63.6%, 39.4%, 61.2%
OKLCH 0.4518 0.0761 164.9 0.3611 0.0948 359.2

对比度与无障碍

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #63243C → 背景色: #24634B

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

文本: #24634B → 背景色: #63243C

色差 (Delta E)

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

渐变

#24634B #385A48 #455146 #4F4843 #573D41 #5D323E #63243C

颜色混合

#24634B

100%

#3F5647

75:25

#4F4843

50:50

#5A3840

25:75

#63243C

100%

CSS渐变代码

background: linear-gradient(to right, #24634B, #63243C);
background: linear-gradient(135deg, #24634B, #63243C);

探索每种颜色

#24634B

查看完整颜色详情

#63243C

查看完整颜色详情

相关比较