#2C4CD3

#2C4CD3

#D3B32C

#D3B32C

对比度

3.33:1

Delta E

149.4

Very Different

50:50 混合

#A37C8B

颜色值

格式 #2C4CD3 #D3B32C
HEX #2C4CD3 #D3B32C
RGB 44, 76, 211 211, 179, 44
HSL 228.5, 65.5%, 50.0% 48.5, 65.5%, 50.0%
HSV 228.5, 79.1%, 82.7% 48.5, 79.1%, 82.7%
CMYK 79.1%, 64.0%, 0.0%, 17.3% 0.0%, 15.2%, 79.1%, 17.3%
OKLCH 0.4849 0.2099 267.2 0.773 0.1468 94.7

对比度与无障碍

3.33:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #D3B32C → 背景色: #2C4CD3

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

文本: #2C4CD3 → 背景色: #D3B32C

色差 (Delta E)

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

渐变

#2C4CD3 #6B5BBB #8C6BA4 #A37C8B #B68E72 #C6A054 #D3B32C

颜色混合

#2C4CD3

100%

#7D62B0

75:25

#A37C8B

50:50

#BE9764

25:75

#D3B32C

100%

CSS渐变代码

background: linear-gradient(to right, #2C4CD3, #D3B32C);
background: linear-gradient(135deg, #2C4CD3, #D3B32C);

探索每种颜色

#2C4CD3

查看完整颜色详情

#D3B32C

查看完整颜色详情

相关比较