#5377DF

#5377DF

#DFBB53

#DFBB53

Contrast Ratio

2.24:1

Delta E

117.23

Very Different

50:50 Mix

#AF979E

Color Values

Format #5377DF #DFBB53
HEX #5377DF #DFBB53
RGB 83, 119, 223 223, 187, 83
HSL 224.6, 68.6%, 60.0% 44.6, 68.6%, 60.0%
HSV 224.6, 62.8%, 87.5% 44.6, 62.8%, 87.5%
CMYK 62.8%, 46.6%, 0.0%, 12.5% 0.0%, 16.1%, 62.8%, 12.5%
OKLCH 0.5953 0.1632 267.0 0.804 0.1285 90.1

Contrast & Accessibility

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFBB53 → Background: #5377DF

The quick brown fox jumps over the lazy dog

Text: #5377DF → Background: #DFBB53

Color Difference (Delta E)

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

Gradient

#5377DF #7E81CA #9A8BB4 #AF979E #C2A287 #D1AF6F #DFBB53

Color Mixing

#5377DF

100%

#8D86BF

75:25

#AF979E

50:50

#CAA87B

25:75

#DFBB53

100%

CSS Gradient Code

background: linear-gradient(to right, #5377DF, #DFBB53);
background: linear-gradient(135deg, #5377DF, #DFBB53);

Explore Each Color

#5377DF

View full color details

#DFBB53

View full color details

Related Comparisons