#75BAF4

#75BAF4

#F4AF75

#F4AF75

Contrast Ratio

1.11:1

Delta E

79.08

Very Different

50:50 Mix

#C6B5B5

Color Values

Format #75BAF4 #F4AF75
HEX #75BAF4 #F4AF75
RGB 117, 186, 244 244, 175, 117
HSL 207.4, 85.2%, 70.8% 27.4, 85.2%, 70.8%
HSV 207.4, 52.0%, 95.7% 27.4, 52.0%, 95.7%
CMYK 52.0%, 23.8%, 0.0%, 4.3% 0.0%, 28.3%, 52.0%, 4.3%
OKLCH 0.7658 0.1091 245.3 0.8069 0.1098 60.4

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4AF75 → Background: #75BAF4

The quick brown fox jumps over the lazy dog

Text: #75BAF4 → Background: #F4AF75

Color Difference (Delta E)

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

Gradient

#75BAF4 #98B8DF #B2B6CA #C6B5B5 #D8B3A0 #E7B18B #F4AF75

Color Mixing

#75BAF4

100%

#A6B7D4

75:25

#C6B5B5

50:50

#DFB295

25:75

#F4AF75

100%

CSS Gradient Code

background: linear-gradient(to right, #75BAF4, #F4AF75);
background: linear-gradient(135deg, #75BAF4, #F4AF75);

Explore Each Color

#75BAF4

View full color details

#F4AF75

View full color details

Related Comparisons