#5FA4F4

#5FA4F4

#F4AF5F

#F4AF5F

Contrast Ratio

1.38:1

Delta E

98.5

Very Different

50:50 Mix

#C2A9AC

Color Values

Format #5FA4F4 #F4AF5F
HEX #5FA4F4 #F4AF5F
RGB 95, 164, 244 244, 175, 95
HSL 212.2, 87.1%, 66.5% 32.2, 87.1%, 66.5%
HSV 212.2, 61.1%, 95.7% 32.2, 61.1%, 95.7%
CMYK 61.1%, 32.8%, 0.0%, 4.3% 0.0%, 28.3%, 61.1%, 4.3%
OKLCH 0.708 0.1372 253.4 0.8038 0.1259 68.4

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4AF5F → Background: #5FA4F4

The quick brown fox jumps over the lazy dog

Text: #5FA4F4 → Background: #F4AF5F

Color Difference (Delta E)

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

Gradient

#5FA4F4 #8CA5DC #AAA7C4 #C2A9AC #D5AB93 #E5AD7A #F4AF5F

Color Mixing

#5FA4F4

100%

#9DA6D0

75:25

#C2A9AC

50:50

#DDAC87

25:75

#F4AF5F

100%

CSS Gradient Code

background: linear-gradient(to right, #5FA4F4, #F4AF5F);
background: linear-gradient(135deg, #5FA4F4, #F4AF5F);

Explore Each Color

#5FA4F4

View full color details

#F4AF5F

View full color details

Related Comparisons