#4F2FDA

#4F2FDA

#BADA2F

#BADA2F

对比度

4.78:1

Delta E

185.42

Very Different

50:50 混合

#A38695

颜色值

格式 #4F2FDA #BADA2F
HEX #4F2FDA #BADA2F
RGB 79, 47, 218 186, 218, 47
HSL 251.2, 69.8%, 52.0% 71.2, 69.8%, 52.0%
HSV 251.2, 78.4%, 85.5% 71.2, 78.4%, 85.5%
CMYK 63.8%, 78.4%, 0.0%, 14.5% 14.7%, 0.0%, 78.4%, 14.5%
OKLCH 0.4705 0.239 280.6 0.8364 0.1861 120.3

对比度与无障碍

4.78:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #BADA2F → 背景色: #4F2FDA

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

文本: #4F2FDA → 背景色: #BADA2F

色差 (Delta E)

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

渐变

#4F2FDA #794DC4 #926AAD #A38695 #AFA27B #B6BE5C #BADA2F

颜色混合

#4F2FDA

100%

#875CB8

75:25

#A38695

50:50

#B3B06D

25:75

#BADA2F

100%

CSS渐变代码

background: linear-gradient(to right, #4F2FDA, #BADA2F);
background: linear-gradient(135deg, #4F2FDA, #BADA2F);

探索每种颜色

#4F2FDA

查看完整颜色详情

#BADA2F

查看完整颜色详情

相关比较