#5AAAFC

#5AAAFC

#FCAC5A

#FCAC5A

Contrast Ratio

1.3:1

Delta E

103.64

Very Different

50:50 Mix

#C7AAAD

Color Values

Format #5AAAFC #FCAC5A
HEX #5AAAFC #FCAC5A
RGB 90, 170, 252 252, 172, 90
HSL 210.4, 96.4%, 67.1% 30.4, 96.4%, 67.1%
HSV 210.4, 64.3%, 98.8% 30.4, 64.3%, 98.8%
CMYK 64.3%, 32.5%, 0.0%, 1.2% 0.0%, 31.7%, 64.3%, 1.2%
OKLCH 0.7231 0.1437 251.0 0.8067 0.1355 64.4

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FCAC5A → Background: #5AAAFC

The quick brown fox jumps over the lazy dog

Text: #5AAAFC → Background: #FCAC5A

Color Difference (Delta E)

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

Gradient

#5AAAFC #8EAAE2 #AFAAC7 #C7AAAD #DCAB93 #EDAB77 #FCAC5A

Color Mixing

#5AAAFC

100%

#A0AAD4

75:25

#C7AAAD

50:50

#E5AB85

25:75

#FCAC5A

100%

CSS Gradient Code

background: linear-gradient(to right, #5AAAFC, #FCAC5A);
background: linear-gradient(135deg, #5AAAFC, #FCAC5A);

Explore Each Color

#5AAAFC

View full color details

#FCAC5A

View full color details

Related Comparisons