#2F3BDA

#2F3BDA

#DACE2F

#DACE2F

对比度

4.66:1

Delta E

173.33

Very Different

50:50 混合

#AA8194

颜色值

格式 #2F3BDA #DACE2F
HEX #2F3BDA #DACE2F
RGB 47, 59, 218 218, 206, 47
HSL 235.8, 69.8%, 52.0% 55.8, 69.8%, 52.0%
HSV 235.8, 78.4%, 85.5% 55.8, 78.4%, 85.5%
CMYK 78.4%, 72.9%, 0.0%, 14.5% 0.0%, 5.5%, 78.4%, 14.5%
OKLCH 0.4656 0.2356 269.9 0.8357 0.1654 104.9

对比度与无障碍

4.66:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DACE2F → 背景色: #2F3BDA

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

文本: #2F3BDA → 背景色: #DACE2F

色差 (Delta E)

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

渐变

#2F3BDA #7051C3 #9269AC #AA8194 #BE9A7A #CDB45B #DACE2F

颜色混合

#2F3BDA

100%

#835DB8

75:25

#AA8194

50:50

#C6A76B

25:75

#DACE2F

100%

CSS渐变代码

background: linear-gradient(to right, #2F3BDA, #DACE2F);
background: linear-gradient(135deg, #2F3BDA, #DACE2F);

探索每种颜色

#2F3BDA

查看完整颜色详情

#DACE2F

查看完整颜色详情

相关比较