#4286FF

#4286FF

#FFBB42

#FFBB42

Contrast Ratio

2.04:1

Delta E

135.86

Very Different

50:50 Mix

#C69EA8

Color Values

Format #4286FF #FFBB42
HEX #4286FF #FFBB42
RGB 66, 134, 255 255, 187, 66
HSL 218.4, 100.0%, 62.9% 38.4, 100.0%, 62.9%
HSV 218.4, 74.1%, 100.0% 38.4, 74.1%, 100.0%
CMYK 74.1%, 47.5%, 0.0%, 0.0% 0.0%, 26.7%, 74.1%, 0.0%
OKLCH 0.6398 0.1931 260.9 0.8352 0.1521 77.8

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFBB42 → Background: #4286FF

The quick brown fox jumps over the lazy dog

Text: #4286FF → Background: #FFBB42

Color Difference (Delta E)

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

Gradient

#4286FF #858DE2 #AB95C5 #C69EA8 #DCA789 #EFB169 #FFBB42

Color Mixing

#4286FF

100%

#9A91D3

75:25

#C69EA8

50:50

#E6AC7A

25:75

#FFBB42

100%

CSS Gradient Code

background: linear-gradient(to right, #4286FF, #FFBB42);
background: linear-gradient(135deg, #4286FF, #FFBB42);

Explore Each Color

#4286FF

View full color details

#FFBB42

View full color details

Related Comparisons