#565CDF

#565CDF

#DFD956

#DFD956

Contrast Ratio

3.56:1

Delta E

145.85

Very Different

50:50 Mix

#B198A3

Color Values

Format #565CDF #DFD956
HEX #565CDF #DFD956
RGB 86, 92, 223 223, 217, 86
HSL 237.4, 68.2%, 60.6% 57.4, 68.2%, 60.6%
HSV 237.4, 61.4%, 87.5% 57.4, 61.4%, 87.5%
CMYK 61.4%, 58.7%, 0.0%, 12.5% 0.0%, 2.7%, 61.4%, 12.5%
OKLCH 0.5456 0.1958 275.8 0.8658 0.1505 106.7

Contrast & Accessibility

3.56:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFD956 → Background: #565CDF

The quick brown fox jumps over the lazy dog

Text: #565CDF → Background: #DFD956

Color Difference (Delta E)

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

Gradient

#565CDF #806FCB #9C83B8 #B198A3 #C3AD8D #D2C374 #DFD956

Color Mixing

#565CDF

100%

#8F79C2

75:25

#B198A3

50:50

#CBB881

25:75

#DFD956

100%

CSS Gradient Code

background: linear-gradient(to right, #565CDF, #DFD956);
background: linear-gradient(135deg, #565CDF, #DFD956);

Explore Each Color

#565CDF

View full color details

#DFD956

View full color details

Related Comparisons