#5F66FF

#5F66FF

#FFF85F

#FFF85F

Contrast Ratio

3.9:1

Delta E

165.86

Very Different

50:50 Mix

#CBACB9

Color Values

Format #5F66FF #FFF85F
HEX #5F66FF #FFF85F
RGB 95, 102, 255 255, 248, 95
HSL 237.4, 100.0%, 68.6% 57.4, 100.0%, 68.6%
HSV 237.4, 62.7%, 100.0% 57.4, 62.7%, 100.0%
CMYK 62.7%, 60.0%, 0.0%, 0.0% 0.0%, 2.7%, 62.7%, 0.0%
OKLCH 0.5936 0.2228 275.3 0.9574 0.1697 106.7

Contrast & Accessibility

3.9:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF85F → Background: #5F66FF

The quick brown fox jumps over the lazy dog

Text: #5F66FF → Background: #FFF85F

Color Difference (Delta E)

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

Gradient

#5F66FF #917CE8 #B293D1 #CBACB9 #DFC59F #F0DE83 #FFF85F

Color Mixing

#5F66FF

100%

#A388DD

75:25

#CBACB9

50:50

#E8D192

25:75

#FFF85F

100%

CSS Gradient Code

background: linear-gradient(to right, #5F66FF, #FFF85F);
background: linear-gradient(135deg, #5F66FF, #FFF85F);

Explore Each Color

#5F66FF

View full color details

#FFF85F

View full color details

Related Comparisons