#6166FD

#6166FD

#FDF861

#FDF861

Contrast Ratio

3.89:1

Delta E

164.1

Very Different

50:50 Mix

#CAACB9

Color Values

Format #6166FD #FDF861
HEX #6166FD #FDF861
RGB 97, 102, 253 253, 248, 97
HSL 238.1, 97.5%, 68.6% 58.1, 97.5%, 68.6%
HSV 238.1, 61.7%, 99.2% 58.1, 61.7%, 99.2%
CMYK 61.7%, 59.7%, 0.0%, 0.8% 0.0%, 2.0%, 61.7%, 0.8%
OKLCH 0.5933 0.2198 276.0 0.9559 0.1685 107.4

Contrast & Accessibility

3.89:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDF861 → Background: #6166FD

The quick brown fox jumps over the lazy dog

Text: #6166FD → Background: #FDF861

Color Difference (Delta E)

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

Gradient

#6166FD #917CE7 #B194D0 #CAACB9 #DEC5A0 #EFDE84 #FDF861

Color Mixing

#6166FD

100%

#A288DC

75:25

#CAACB9

50:50

#E6D192

25:75

#FDF861

100%

CSS Gradient Code

background: linear-gradient(to right, #6166FD, #FDF861);
background: linear-gradient(135deg, #6166FD, #FDF861);

Explore Each Color

#6166FD

View full color details

#FDF861

View full color details

Related Comparisons