#2F136F

#2F136F

#536F13

#536F13

对比度

2.53:1

Delta E

113.23

Very Different

50:50 混合

#504349

颜色值

格式 #2F136F #536F13
HEX #2F136F #536F13
RGB 47, 19, 111 83, 111, 19
HSL 258.3, 70.8%, 25.5% 78.3, 70.8%, 25.5%
HSV 258.3, 82.9%, 43.5% 78.3, 82.9%, 43.5%
CMYK 57.7%, 82.9%, 0.0%, 56.5% 25.2%, 0.0%, 82.9%, 56.5%
OKLCH 0.2979 0.1442 288.0 0.5018 0.1187 125.9

对比度与无障碍

2.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #536F13 → 背景色: #2F136F

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

文本: #2F136F → 背景色: #536F13

色差 (Delta E)

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

渐变

#2F136F #3F2463 #493456 #504349 #53523B #54602B #536F13

颜色混合

#2F136F

100%

#452C5D

75:25

#504349

50:50

#545934

25:75

#536F13

100%

CSS渐变代码

background: linear-gradient(to right, #2F136F, #536F13);
background: linear-gradient(135deg, #2F136F, #536F13);

探索每种颜色

#2F136F

查看完整颜色详情

#536F13

查看完整颜色详情

相关比较