#6D8CEC

#6D8CEC

#ECCD6D

#ECCD6D

Contrast Ratio

2.04:1

Delta E

107.04

Very Different

50:50 Mix

#BDABB0

Color Values

Format #6D8CEC #ECCD6D
HEX #6D8CEC #ECCD6D
RGB 109, 140, 236 236, 205, 109
HSL 225.4, 77.0%, 67.6% 45.4, 77.0%, 67.6%
HSV 225.4, 53.8%, 92.5% 45.4, 53.8%, 92.5%
CMYK 53.8%, 40.7%, 0.0%, 7.5% 0.0%, 13.1%, 53.8%, 7.5%
OKLCH 0.6604 0.1472 268.7 0.8553 0.1209 91.8

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ECCD6D → Background: #6D8CEC

The quick brown fox jumps over the lazy dog

Text: #6D8CEC → Background: #ECCD6D

Color Difference (Delta E)

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

Gradient

#6D8CEC #9096D8 #A9A0C4 #BDABB0 #CFB69B #DEC185 #ECCD6D

Color Mixing

#6D8CEC

100%

#9D9BCE

75:25

#BDABB0

50:50

#D7BC90

25:75

#ECCD6D

100%

CSS Gradient Code

background: linear-gradient(to right, #6D8CEC, #ECCD6D);
background: linear-gradient(135deg, #6D8CEC, #ECCD6D);

Explore Each Color

#6D8CEC

View full color details

#ECCD6D

View full color details

Related Comparisons