#299EB3

#299EB3

#B33E29

#B33E29

Contrast Ratio

1.82:1

Delta E

92.85

Very Different

50:50 Mix

#93746C

Color Values

Format #299EB3 #B33E29
HEX #299EB3 #B33E29
RGB 41, 158, 179 179, 62, 41
HSL 189.1, 62.7%, 43.1% 9.1, 62.7%, 43.1%
HSV 189.1, 77.1%, 70.2% 9.1, 77.1%, 70.2%
CMYK 77.1%, 11.7%, 0.0%, 29.8% 0.0%, 65.4%, 77.1%, 29.8%
OKLCH 0.646 0.1029 212.8 0.5267 0.1561 32.4

Contrast & Accessibility

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B33E29 → Background: #299EB3

The quick brown fox jumps over the lazy dog

Text: #299EB3 → Background: #B33E29

Color Difference (Delta E)

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

Gradient

#299EB3 #64909B #808283 #93746C #A16455 #AB533F #B33E29

Color Mixing

#299EB3

100%

#748A8F

75:25

#93746C

50:50

#A65C4A

25:75

#B33E29

100%

CSS Gradient Code

background: linear-gradient(to right, #299EB3, #B33E29);
background: linear-gradient(135deg, #299EB3, #B33E29);

Explore Each Color

#299EB3

View full color details

#B33E29

View full color details

Related Comparisons