#5CBAF9

#5CBAF9

white

#FFFFFF

Contrast Ratio

2.13:1

Delta E

49.03

Very Different

50:50 Mix

#B8DCFC

Color Values

Format #5CBAF9 #FFFFFF
HEX #5CBAF9 #FFFFFF
RGB 92, 186, 249 255, 255, 255
HSL 204.1, 92.9%, 66.9% 0.0, 0.0%, 100.0%
HSV 204.1, 63.1%, 97.6% 0.0, 0.0%, 100.0%
CMYK 63.1%, 25.3%, 0.0%, 2.4% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.7575 0.1273 240.7 1.0 0.0 89.9

Contrast & Accessibility

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFFFFF → Background: #5CBAF9

The quick brown fox jumps over the lazy dog

Text: #5CBAF9 → Background: #FFFFFF

Color Difference (Delta E)

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

Gradient

#5CBAF9 #80C5FA #9ED0FB #B8DCFC #D1E7FD #E8F3FE #FFFFFF

Color Mixing

#5CBAF9

100%

#8FCBFB

75:25

#B8DCFC

50:50

#DDEDFE

25:75

#FFFFFF

100%

CSS Gradient Code

background: linear-gradient(to right, #5CBAF9, #FFFFFF);
background: linear-gradient(135deg, #5CBAF9, #FFFFFF);

Explore Each Color

#5CBAF9

View full color details

white

View full color details

Related Comparisons