#2F78CC

#2F78CC

#CC832F

#CC832F

Contrast Ratio

1.46:1

Delta E

105.84

Very Different

50:50 Mix

#9F7C82

Color Values

Format #2F78CC #CC832F
HEX #2F78CC #CC832F
RGB 47, 120, 204 204, 131, 47
HSL 212.1, 62.5%, 49.2% 32.1, 62.5%, 49.2%
HSV 212.1, 77.0%, 80.0% 32.1, 77.0%, 80.0%
CMYK 77.0%, 41.2%, 0.0%, 20.0% 0.0%, 35.8%, 77.0%, 20.0%
OKLCH 0.5702 0.1483 254.4 0.6719 0.1311 65.3

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC832F → Background: #2F78CC

The quick brown fox jumps over the lazy dog

Text: #2F78CC → Background: #CC832F

Color Difference (Delta E)

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

Gradient

#2F78CC #6979B3 #887B9A #9F7C82 #B07E68 #BF814E #CC832F

Color Mixing

#2F78CC

100%

#7A7AA7

75:25

#9F7C82

50:50

#B87F5B

25:75

#CC832F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F78CC, #CC832F);
background: linear-gradient(135deg, #2F78CC, #CC832F);

Explore Each Color

#2F78CC

View full color details

#CC832F

View full color details

Related Comparisons