#75A3F3

#75A3F3

#F3C575

#F3C575

Contrast Ratio

1.57:1

Delta E

92.01

Very Different

50:50 Mix

#C4B3B6

Color Values

Format #75A3F3 #F3C575
HEX #75A3F3 #F3C575
RGB 117, 163, 243 243, 197, 117
HSL 218.1, 84.0%, 70.6% 38.1, 84.0%, 70.6%
HSV 218.1, 51.9%, 95.3% 38.1, 51.9%, 95.3%
CMYK 51.9%, 32.9%, 0.0%, 4.7% 0.0%, 18.9%, 51.9%, 4.7%
OKLCH 0.7162 0.1277 261.0 0.8473 0.1115 80.2

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3C575 → Background: #75A3F3

The quick brown fox jumps over the lazy dog

Text: #75A3F3 → Background: #F3C575

Color Difference (Delta E)

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

Gradient

#75A3F3 #97A8DF #B0ADCB #C4B3B6 #D6B9A1 #E5BF8C #F3C575

Color Mixing

#75A3F3

100%

#A4ABD5

75:25

#C4B3B6

50:50

#DEBC97

25:75

#F3C575

100%

CSS Gradient Code

background: linear-gradient(to right, #75A3F3, #F3C575);
background: linear-gradient(135deg, #75A3F3, #F3C575);

Explore Each Color

#75A3F3

View full color details

#F3C575

View full color details

Related Comparisons