#262BAF

#262BAF

#AFAA26

#AFAA26

Contrast Ratio

4.2:1

Delta E

150.06

Very Different

50:50 Mix

Color Values

Format #262BAF #AFAA26
HEX #262BAF #AFAA26
RGB 38, 43, 175 175, 170, 38
HSL 237.8, 64.3%, 41.8% 57.8, 64.3%, 41.8%
HSV 237.8, 78.3%, 68.6% 57.8, 78.3%, 68.6%
CMYK 78.3%, 75.4%, 0.0%, 31.4% 0.0%, 2.9%, 78.3%, 31.4%
OKLCH 0.3927 0.2018 270.8 0.7199 0.1436 107.2

Contrast & Accessibility

4.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFAA26 → Background: #262BAF

The quick brown fox jumps over the lazy dog

Text: #262BAF → Background: #AFAA26

Color Difference (Delta E)

150.06 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #262BAF, #AFAA26);
background: linear-gradient(135deg, #262BAF, #AFAA26);

Explore Each Color

Related Comparisons