#2F49CC

#2F49CC

#CCB22F

#CCB22F

Contrast Ratio

3.39:1

Delta E

146.21

Very Different

50:50 Mix

#9E7A89

Color Values

Format #2F49CC #CCB22F
HEX #2F49CC #CCB22F
RGB 47, 73, 204 204, 178, 47
HSL 230.1, 62.5%, 49.2% 50.1, 62.5%, 49.2%
HSV 230.1, 77.0%, 80.0% 50.1, 77.0%, 80.0%
CMYK 77.0%, 64.2%, 0.0%, 20.0% 0.0%, 12.7%, 77.0%, 20.0%
OKLCH 0.4744 0.2037 268.4 0.7643 0.144 97.3

Contrast & Accessibility

3.39:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB22F → Background: #2F49CC

The quick brown fox jumps over the lazy dog

Text: #2F49CC → Background: #CCB22F

Color Difference (Delta E)

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

Gradient

#2F49CC #6958B6 #8869A0 #9E7A89 #B08C70 #BF9F54 #CCB22F

Color Mixing

#2F49CC

100%

#7A60AB

75:25

#9E7A89

50:50

#B89663

25:75

#CCB22F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F49CC, #CCB22F);
background: linear-gradient(135deg, #2F49CC, #CCB22F);

Explore Each Color

#2F49CC

View full color details

#CCB22F

View full color details

Related Comparisons