#262CBC

#262CBC

#BCB626

#BCB626

Contrast Ratio

4.54:1

Delta E

160.72

Very Different

50:50 Mix

Color Values

Format #262CBC #BCB626
HEX #262CBC #BCB626
RGB 38, 44, 188 188, 182, 38
HSL 237.6, 66.4%, 44.3% 57.6, 66.4%, 44.3%
HSV 237.6, 79.8%, 73.7% 57.6, 79.8%, 73.7%
CMYK 79.8%, 76.6%, 0.0%, 26.3% 0.0%, 3.2%, 79.8%, 26.3%
OKLCH 0.4084 0.2165 270.1 0.7577 0.1525 107.0

Contrast & Accessibility

4.54:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCB626 β†’ Background: #262CBC

The quick brown fox jumps over the lazy dog

Text: #262CBC β†’ Background: #BCB626

Color Difference (Delta E)

160.72 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #262CBC, #BCB626);
background: linear-gradient(135deg, #262CBC, #BCB626);

Explore Each Color

Related Comparisons