#6672FF

#6672FF

#FFF366

#FFF366

Contrast Ratio

3.37:1

Delta E

153.14

Very Different

50:50 Mix

#CBAFBB

Color Values

Format #6672FF #FFF366
HEX #6672FF #FFF366
RGB 102, 114, 255 255, 243, 102
HSL 235.3, 100.0%, 70.0% 55.3, 100.0%, 70.0%
HSV 235.3, 60.0%, 100.0% 55.3, 60.0%, 100.0%
CMYK 60.0%, 55.3%, 0.0%, 0.0% 0.0%, 4.7%, 60.0%, 0.0%
OKLCH 0.6188 0.2068 274.9 0.9478 0.1598 104.4

Contrast & Accessibility

3.37:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF366 → Background: #6672FF

The quick brown fox jumps over the lazy dog

Text: #6672FF → Background: #FFF366

Color Difference (Delta E)

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

Gradient

#6672FF #9485E9 #B39AD2 #CBAFBB #DFC5A2 #F0DC87 #FFF366

Color Mixing

#6672FF

100%

#A590DE

75:25

#CBAFBB

50:50

#E8D195

25:75

#FFF366

100%

CSS Gradient Code

background: linear-gradient(to right, #6672FF, #FFF366);
background: linear-gradient(135deg, #6672FF, #FFF366);

Explore Each Color

#6672FF

View full color details

#FFF366

View full color details

Related Comparisons