#6186DF

#6186DF

#DFBA61

#DFBA61

Contrast Ratio

1.89:1

Delta E

101.34

Very Different

50:50 Mix

#B29EA3

Color Values

Format #6186DF #DFBA61
HEX #6186DF #DFBA61
RGB 97, 134, 223 223, 186, 97
HSL 222.4, 66.3%, 62.7% 42.4, 66.3%, 62.7%
HSV 222.4, 56.5%, 87.5% 42.4, 56.5%, 87.5%
CMYK 56.5%, 39.9%, 0.0%, 12.5% 0.0%, 16.6%, 56.5%, 12.5%
OKLCH 0.6337 0.1405 265.6 0.8035 0.1161 87.1

Contrast & Accessibility

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFBA61 → Background: #6186DF

The quick brown fox jumps over the lazy dog

Text: #6186DF → Background: #DFBA61

Color Difference (Delta E)

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

Gradient

#6186DF #848ECB #9E96B7 #B29EA3 #C3A78F #D2B179 #DFBA61

Color Mixing

#6186DF

100%

#9292C1

75:25

#B29EA3

50:50

#CAAC84

25:75

#DFBA61

100%

CSS Gradient Code

background: linear-gradient(to right, #6186DF, #DFBA61);
background: linear-gradient(135deg, #6186DF, #DFBA61);

Explore Each Color

#6186DF

View full color details

#DFBA61

View full color details

Related Comparisons