#5ABCFF

#5ABCFF

#FF9D5A

#FF9D5A

Contrast Ratio

1.01:1

Delta E

99.41

Very Different

50:50 Mix

#CCADAD

Color Values

Format #5ABCFF #FF9D5A
HEX #5ABCFF #FF9D5A
RGB 90, 188, 255 255, 157, 90
HSL 204.4, 100.0%, 67.6% 24.4, 100.0%, 67.6%
HSV 204.4, 64.7%, 100.0% 24.4, 64.7%, 100.0%
CMYK 64.7%, 26.3%, 0.0%, 0.0% 0.0%, 38.4%, 64.7%, 0.0%
OKLCH 0.7641 0.1332 241.4 0.784 0.1431 53.4

Contrast & Accessibility

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FF9D5A → Background: #5ABCFF

The quick brown fox jumps over the lazy dog

Text: #5ABCFF → Background: #FF9D5A

Color Difference (Delta E)

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

Gradient

#5ABCFF #91B7E3 #B2B2C8 #CCADAD #E0A892 #F1A377 #FF9D5A

Color Mixing

#5ABCFF

100%

#A3B5D6

75:25

#CCADAD

50:50

#E8A584

25:75

#FF9D5A

100%

CSS Gradient Code

background: linear-gradient(to right, #5ABCFF, #FF9D5A);
background: linear-gradient(135deg, #5ABCFF, #FF9D5A);

Explore Each Color

#5ABCFF

View full color details

#FF9D5A

View full color details

Related Comparisons