#1F13A9

#1F13A9

#9DA913

#9DA913

对比度

4.71:1

Delta E

164.4

Very Different

50:50 混合

#805F70

颜色值

格式 #1F13A9 #9DA913
HEX #1F13A9 #9DA913
RGB 31, 19, 169 157, 169, 19
HSL 244.8, 79.8%, 36.9% 64.8, 79.8%, 36.9%
HSV 244.8, 88.8%, 66.3% 64.8, 88.8%, 66.3%
CMYK 81.7%, 88.8%, 0.0%, 33.7% 7.1%, 0.0%, 88.8%, 33.7%
OKLCH 0.3548 0.2152 270.6 0.7016 0.1546 114.8

对比度与无障碍

4.71:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9DA913 → 背景色: #1F13A9

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

文本: #1F13A9 → 背景色: #9DA913

色差 (Delta E)

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

渐变

#1F13A9 #542E97 #6E4784 #805F70 #8D785B #979041 #9DA913

颜色混合

#1F13A9

100%

#633B8D

75:25

#805F70

50:50

#92844F

25:75

#9DA913

100%

CSS渐变代码

background: linear-gradient(to right, #1F13A9, #9DA913);
background: linear-gradient(135deg, #1F13A9, #9DA913);

探索每种颜色

#1F13A9

查看完整颜色详情

#9DA913

查看完整颜色详情

相关比较