#75BAFF

#75BAFF

#FFBA75

#FFBA75

Contrast Ratio

1.23:1

Delta E

87.81

Very Different

50:50 Mix

Color Values

Format #75BAFF #FFBA75
HEX #75BAFF #FFBA75
RGB 117, 186, 255 255, 186, 117
HSL 210.0, 100.0%, 72.9% 30.0, 100.0%, 72.9%
HSV 210.0, 54.1%, 100.0% 30.0, 54.1%, 100.0%
CMYK 54.1%, 27.1%, 0.0%, 0.0% 0.0%, 27.1%, 54.1%, 0.0%
OKLCH 0.7709 0.1218 249.7 0.8388 0.1173 65.0

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFBA75 → Background: #75BAFF

The quick brown fox jumps over the lazy dog

Text: #75BAFF → Background: #FFBA75

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #75BAFF, #FFBA75);
background: linear-gradient(135deg, #75BAFF, #FFBA75);

Explore Each Color

Related Comparisons