#2F30DC

#2F30DC

#DCDB2F

#DCDB2F

Contrast Ratio

5.52:1

Delta E

186.01

Very Different

50:50 Mix

Color Values

Format #2F30DC #DCDB2F
HEX #2F30DC #DCDB2F
RGB 47, 48, 220 220, 219, 47
HSL 239.7, 71.2%, 52.4% 59.7, 71.2%, 52.4%
HSV 239.7, 78.6%, 86.3% 59.7, 78.6%, 86.3%
CMYK 78.6%, 78.2%, 0.0%, 13.7% 0.0%, 0.5%, 78.6%, 13.7%
OKLCH 0.4532 0.2477 270.6 0.8649 0.1766 109.2

Contrast & Accessibility

5.52:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DCDB2F β†’ Background: #2F30DC

The quick brown fox jumps over the lazy dog

Text: #2F30DC β†’ Background: #DCDB2F

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2F30DC, #DCDB2F);
background: linear-gradient(135deg, #2F30DC, #DCDB2F);

Explore Each Color

Related Comparisons