#2F48CC

#2F48CC

#CCB32F

#CCB32F

Contrast Ratio

3.44:1

Delta E

147.24

Very Different

50:50 Mix

#9E7A89

Color Values

Format #2F48CC #CCB32F
HEX #2F48CC #CCB32F
RGB 47, 72, 204 204, 179, 47
HSL 230.4, 62.5%, 49.2% 50.4, 62.5%, 49.2%
HSV 230.4, 77.0%, 80.0% 50.4, 77.0%, 80.0%
CMYK 77.0%, 64.7%, 0.0%, 20.0% 0.0%, 12.3%, 77.0%, 20.0%
OKLCH 0.4727 0.2048 268.6 0.7664 0.1447 97.8

Contrast & Accessibility

3.44:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB32F → Background: #2F48CC

The quick brown fox jumps over the lazy dog

Text: #2F48CC → Background: #CCB32F

Color Difference (Delta E)

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

Gradient

#2F48CC #6957B6 #8868A0 #9E7A89 #B08D70 #BFA055 #CCB32F

Color Mixing

#2F48CC

100%

#7A60AB

75:25

#9E7A89

50:50

#B89663

25:75

#CCB32F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F48CC, #CCB32F);
background: linear-gradient(135deg, #2F48CC, #CCB32F);

Explore Each Color

#2F48CC

View full color details

#CCB32F

View full color details

Related Comparisons