#232FBC

#232FBC

#BCB023

#BCB023

Contrast Ratio

4.25:1

Delta E

157.18

Very Different

50:50 Mix

Color Values

Format #232FBC #BCB023
HEX #232FBC #BCB023
RGB 35, 47, 188 188, 176, 35
HSL 235.3, 68.6%, 43.7% 55.3, 68.6%, 43.7%
HSV 235.3, 81.4%, 73.7% 55.3, 81.4%, 73.7%
CMYK 81.4%, 75.0%, 0.0%, 26.3% 0.0%, 6.4%, 81.4%, 26.3%
OKLCH 0.4112 0.2144 269.1 0.7445 0.1486 104.2

Contrast & Accessibility

4.25:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCB023 β†’ Background: #232FBC

The quick brown fox jumps over the lazy dog

Text: #232FBC β†’ Background: #BCB023

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #232FBC, #BCB023);
background: linear-gradient(135deg, #232FBC, #BCB023);

Explore Each Color

Related Comparisons