#1808A7

#1808A7

#97A708

#97A708

对比度

4.81:1

Delta E

168.49

Very Different

50:50 混合

#7D5C6E

颜色值

格式 #1808A7 #97A708
HEX #1808A7 #97A708
RGB 24, 8, 167 151, 167, 8
HSL 246.0, 90.9%, 34.3% 66.0, 90.9%, 34.3%
HSV 246.0, 95.2%, 65.5% 66.0, 95.2%, 65.5%
CMYK 85.6%, 95.2%, 0.0%, 34.5% 9.6%, 0.0%, 95.2%, 34.5%
OKLCH 0.3414 0.2198 268.8 0.6919 0.1571 116.4

对比度与无障碍

4.81:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #97A708 → 背景色: #1808A7

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

文本: #1808A7 → 背景色: #97A708

色差 (Delta E)

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

渐变

#1808A7 #512994 #6B4382 #7D5C6E #897558 #928E3D #97A708

颜色混合

#1808A7

100%

#60368B

75:25

#7D5C6E

50:50

#8E814C

25:75

#97A708

100%

CSS渐变代码

background: linear-gradient(to right, #1808A7, #97A708);
background: linear-gradient(135deg, #1808A7, #97A708);

探索每种颜色

#1808A7

查看完整颜色详情

#97A708

查看完整颜色详情

相关比较