#3333CD

#3333CD

#CDCD33

#CDCD33

对比度

4.96:1

Delta E

170.57

Very Different

50:50 混合

颜色值

格式 #3333CD #CDCD33
HEX #3333CD #CDCD33
RGB 51, 51, 205 205, 205, 51
HSL 240.0, 60.6%, 50.2% 60.0, 60.6%, 50.2%
HSV 240.0, 75.1%, 80.4% 60.0, 75.1%, 80.4%
CMYK 75.1%, 75.1%, 0.0%, 19.6% 0.0%, 0.0%, 75.1%, 19.6%
OKLCH 0.4429 0.2268 272.2 0.8227 0.1646 109.5

对比度与无障碍

4.96:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CDCD33 → 背景色: #3333CD

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

文本: #3333CD → 背景色: #CDCD33

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #3333CD, #CDCD33);
background: linear-gradient(135deg, #3333CD, #CDCD33);

探索每种颜色

相关比较