#5CCFF2

#5CCFF2

#F27F5C

#F27F5C

Contrast Ratio

1.46:1

Delta E

92.22

Very Different

50:50 Mix

#C6AAA6

Color Values

Format #5CCFF2 #F27F5C
HEX #5CCFF2 #F27F5C
RGB 92, 207, 242 242, 127, 92
HSL 194.0, 85.2%, 65.5% 14.0, 85.2%, 65.5%
HSV 194.0, 62.0%, 94.9% 14.0, 62.0%, 94.9%
CMYK 62.0%, 14.5%, 0.0%, 5.1% 0.0%, 47.5%, 62.0%, 5.1%
OKLCH 0.8018 0.1142 221.0 0.7191 0.1498 37.7

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F27F5C → Background: #5CCFF2

The quick brown fox jumps over the lazy dog

Text: #5CCFF2 → Background: #F27F5C

Color Difference (Delta E)

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

Gradient

#5CCFF2 #8FC3D8 #AFB7BF #C6AAA6 #D89D8D #E68E74 #F27F5C

Color Mixing

#5CCFF2

100%

#A0BDCB

75:25

#C6AAA6

50:50

#DF9681

25:75

#F27F5C

100%

CSS Gradient Code

background: linear-gradient(to right, #5CCFF2, #F27F5C);
background: linear-gradient(135deg, #5CCFF2, #F27F5C);

Explore Each Color

#5CCFF2

View full color details

#F27F5C

View full color details

Related Comparisons