#5F6BDF

#5F6BDF

#DFD35F

#DFD35F

Contrast Ratio

2.93:1

Delta E

129.38

Very Different

50:50 Mix

#B29DA5

Color Values

Format #5F6BDF #DFD35F
HEX #5F6BDF #DFD35F
RGB 95, 107, 223 223, 211, 95
HSL 234.4, 66.7%, 62.4% 54.4, 66.7%, 62.4%
HSV 234.4, 57.4%, 87.5% 54.4, 57.4%, 87.5%
CMYK 57.4%, 52.0%, 0.0%, 12.5% 0.0%, 5.4%, 57.4%, 12.5%
OKLCH 0.5788 0.1748 275.1 0.8542 0.1373 103.4

Contrast & Accessibility

2.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFD35F → Background: #5F6BDF

The quick brown fox jumps over the lazy dog

Text: #5F6BDF → Background: #DFD35F

Color Difference (Delta E)

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

Gradient

#5F6BDF #847BCC #9E8BB9 #B29DA5 #C3AE90 #D2C079 #DFD35F

Color Mixing

#5F6BDF

100%

#9283C3

75:25

#B29DA5

50:50

#CBB785

25:75

#DFD35F

100%

CSS Gradient Code

background: linear-gradient(to right, #5F6BDF, #DFD35F);
background: linear-gradient(135deg, #5F6BDF, #DFD35F);

Explore Each Color

#5F6BDF

View full color details

#DFD35F

View full color details

Related Comparisons