#270867

#270867

#486708

#486708

对比度

2.44:1

Delta E

114.9

Very Different

50:50 混合

#473B42

颜色值

格式 #270867 #486708
HEX #270867 #486708
RGB 39, 8, 103 72, 103, 8
HSL 259.6, 85.6%, 21.8% 79.6, 85.6%, 21.8%
HSV 259.6, 92.2%, 40.4% 79.6, 92.2%, 40.4%
CMYK 62.1%, 92.2%, 0.0%, 59.6% 30.1%, 0.0%, 92.2%, 59.6%
OKLCH 0.2692 0.1445 286.3 0.4721 0.1191 127.7

对比度与无障碍

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #486708 → 背景色: #270867

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

文本: #270867 → 背景色: #486708

色差 (Delta E)

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

渐变

#270867 #381C5B #412C4F #473B42 #4A4A34 #4B5824 #486708

颜色混合

#270867

100%

#3D2455

75:25

#473B42

50:50

#4B512D

25:75

#486708

100%

CSS渐变代码

background: linear-gradient(to right, #270867, #486708);
background: linear-gradient(135deg, #270867, #486708);

探索每种颜色

#270867

查看完整颜色详情

#486708

查看完整颜色详情

相关比较