#668CF5

#668CF5

#F5CF66

#F5CF66

Contrast Ratio

2.11:1

Delta E

116.64

Very Different

50:50 Mix

#C3ABB2

Color Values

Format #668CF5 #F5CF66
HEX #668CF5 #F5CF66
RGB 102, 140, 245 245, 207, 102
HSL 224.1, 87.7%, 68.0% 44.1, 87.7%, 68.0%
HSV 224.1, 58.4%, 96.1% 44.1, 58.4%, 96.1%
CMYK 58.4%, 42.9%, 0.0%, 3.9% 0.0%, 15.5%, 58.4%, 3.9%
OKLCH 0.6617 0.1617 267.0 0.8668 0.1306 89.6

Contrast & Accessibility

2.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5CF66 → Background: #668CF5

The quick brown fox jumps over the lazy dog

Text: #668CF5 → Background: #F5CF66

Color Difference (Delta E)

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

Gradient

#668CF5 #8F96DF #ACA0C9 #C3ABB2 #D6B79A #E6C382 #F5CF66

Color Mixing

#668CF5

100%

#9F9BD4

75:25

#C3ABB2

50:50

#DEBD8E

25:75

#F5CF66

100%

CSS Gradient Code

background: linear-gradient(to right, #668CF5, #F5CF66);
background: linear-gradient(135deg, #668CF5, #F5CF66);

Explore Each Color

#668CF5

View full color details

#F5CF66

View full color details

Related Comparisons