#228EB0

#228EB0

#B04422

#B04422

Contrast Ratio

1.51:1

Delta E

91.32

Very Different

50:50 Mix

#8E6D68

Color Values

Format #228EB0 #B04422
HEX #228EB0 #B04422
RGB 34, 142, 176 176, 68, 34
HSL 194.4, 67.6%, 41.2% 14.4, 67.6%, 41.2%
HSV 194.4, 80.7%, 69.0% 14.4, 80.7%, 69.0%
CMYK 80.7%, 19.3%, 0.0%, 31.0% 0.0%, 61.4%, 80.7%, 31.0%
OKLCH 0.6038 0.1049 224.6 0.5288 0.1488 37.4

Contrast & Accessibility

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B04422 → Background: #228EB0

The quick brown fox jumps over the lazy dog

Text: #228EB0 → Background: #B04422

Color Difference (Delta E)

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

Gradient

#228EB0 #5F8398 #7B7980 #8E6D68 #9C6151 #A7533A #B04422

Color Mixing

#228EB0

100%

#6F7E8C

75:25

#8E6D68

50:50

#A25A46

25:75

#B04422

100%

CSS Gradient Code

background: linear-gradient(to right, #228EB0, #B04422);
background: linear-gradient(135deg, #228EB0, #B04422);

Explore Each Color

#228EB0

View full color details

#B04422

View full color details

Related Comparisons