#667FDF

#667FDF

white

#FFFFFF

Contrast Ratio

3.71:1

Delta E

70.81

Very Different

50:50 Mix

#B8BDF0

Color Values

Format #667FDF #FFFFFF
HEX #667FDF #FFFFFF
RGB 102, 127, 223 255, 255, 255
HSL 227.6, 65.4%, 63.7% 0.0, 0.0%, 100.0%
HSV 227.6, 54.3%, 87.5% 0.0, 0.0%, 100.0%
CMYK 54.3%, 43.0%, 0.0%, 12.5% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.6223 0.1474 270.6 1.0 0.0 89.9

Contrast & Accessibility

3.71:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFFFFF → Background: #667FDF

The quick brown fox jumps over the lazy dog

Text: #667FDF → Background: #FFFFFF

Color Difference (Delta E)

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

Gradient

#667FDF #8493E5 #9FA7EA #B8BDF0 #D0D2F5 #E8E8FA #FFFFFF

Color Mixing

#667FDF

100%

#929DE8

75:25

#B8BDF0

50:50

#DCDDF8

25:75

#FFFFFF

100%

CSS Gradient Code

background: linear-gradient(to right, #667FDF, #FFFFFF);
background: linear-gradient(135deg, #667FDF, #FFFFFF);

Explore Each Color

#667FDF

View full color details

white

View full color details

Related Comparisons