#0F3F62

#0F3F62

#62320F

#62320F

对比度

1.04:1

Delta E

59.26

Very Different

50:50 混合

#4C393A

颜色值

格式 #0F3F62 #62320F
HEX #0F3F62 #62320F
RGB 15, 63, 98 98, 50, 15
HSL 205.3, 73.5%, 22.2% 25.3, 73.5%, 22.2%
HSV 205.3, 84.7%, 38.4% 25.3, 84.7%, 38.4%
CMYK 84.7%, 35.7%, 0.0%, 61.6% 0.0%, 49.0%, 84.7%, 61.6%
OKLCH 0.3553 0.0786 245.2 0.3733 0.0832 52.5

对比度与无障碍

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #62320F → 背景色: #0F3F62

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

文本: #0F3F62 → 背景色: #62320F

色差 (Delta E)

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

渐变

#0F3F62 #303D54 #403B47 #4C393A #54372C #5C341F #62320F

颜色混合

#0F3F62

100%

#393C4E

75:25

#4C393A

50:50

#583626

25:75

#62320F

100%

CSS渐变代码

background: linear-gradient(to right, #0F3F62, #62320F);
background: linear-gradient(135deg, #0F3F62, #62320F);

探索每种颜色

#0F3F62

查看完整颜色详情

#62320F

查看完整颜色详情

相关比较