#83A9EC

#83A9EC

#ECC683

#ECC683

Contrast Ratio

1.47:1

Delta E

77.23

Very Different

50:50 Mix

#C3B7B9

Color Values

Format #83A9EC #ECC683
HEX #83A9EC #ECC683
RGB 131, 169, 236 236, 198, 131
HSL 218.3, 73.4%, 72.0% 38.3, 73.4%, 72.0%
HSV 218.3, 44.5%, 92.5% 38.3, 44.5%, 92.5%
CMYK 44.5%, 28.4%, 0.0%, 7.5% 0.0%, 16.1%, 44.5%, 7.5%
OKLCH 0.7334 0.1064 261.4 0.8446 0.0952 81.1

Contrast & Accessibility

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ECC683 → Background: #83A9EC

The quick brown fox jumps over the lazy dog

Text: #83A9EC → Background: #ECC683

Color Difference (Delta E)

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

Gradient

#83A9EC #9DADDB #B1B2CA #C3B7B9 #D2BCA7 #E0C196 #ECC683

Color Mixing

#83A9EC

100%

#A8B0D3

75:25

#C3B7B9

50:50

#D9BE9F

25:75

#ECC683

100%

CSS Gradient Code

background: linear-gradient(to right, #83A9EC, #ECC683);
background: linear-gradient(135deg, #83A9EC, #ECC683);

Explore Each Color

#83A9EC

View full color details

#ECC683

View full color details

Related Comparisons