#306316

#306316

#491663

#491663

对比度

1.85:1

Delta E

100.72

Very Different

50:50 混合

#484142

颜色值

格式 #306316 #491663
HEX #306316 #491663
RGB 48, 99, 22 73, 22, 99
HSL 99.7, 63.6%, 23.7% 279.7, 63.6%, 23.7%
HSV 99.7, 77.8%, 38.8% 279.7, 77.8%, 38.8%
CMYK 51.5%, 0.0%, 77.8%, 61.2% 26.3%, 77.8%, 0.0%, 61.2%
OKLCH 0.4474 0.1203 137.3 0.3236 0.131 311.4

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #491663 → 背景色: #306316

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

文本: #306316 → 背景色: #491663

色差 (Delta E)

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

渐变

#306316 #3C5828 #434D36 #484142 #4A354D #4B2758 #491663

颜色混合

#306316

100%

#40532F

75:25

#484142

50:50

#4B2F53

25:75

#491663

100%

CSS渐变代码

background: linear-gradient(to right, #306316, #491663);
background: linear-gradient(135deg, #306316, #491663);

探索每种颜色

#306316

查看完整颜色详情

#491663

查看完整颜色详情

相关比较