#040A9F

#040A9F

#9F9904

#9F9904

对比度

4.54:1

Delta E

158.79

Very Different

50:50 混合

#7C5367

颜色值

格式 #040A9F #9F9904
HEX #040A9F #9F9904
RGB 4, 10, 159 159, 153, 4
HSL 237.7, 95.1%, 32.0% 57.7, 95.1%, 32.0%
HSV 237.7, 97.5%, 62.4% 57.7, 97.5%, 62.4%
CMYK 97.5%, 93.7%, 0.0%, 37.6% 0.0%, 3.8%, 97.5%, 37.6%
OKLCH 0.325 0.2148 264.9 0.6666 0.142 106.9

对比度与无障碍

4.54:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9F9904 → 背景色: #040A9F

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

文本: #040A9F → 背景色: #9F9904

色差 (Delta E)

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

渐变

#040A9F #4D258D #693C7B #7C5367 #8B6A52 #968139 #9F9904

颜色混合

#040A9F

100%

#5C3084

75:25

#7C5367

50:50

#917646

25:75

#9F9904

100%

CSS渐变代码

background: linear-gradient(to right, #040A9F, #9F9904);
background: linear-gradient(135deg, #040A9F, #9F9904);

探索每种颜色

#040A9F

查看完整颜色详情

#9F9904

查看完整颜色详情

相关比较