#4657CC

#4657CC

white

#FFFFFF

Contrast Ratio

6.01:1

Delta E

90.92

Very Different

50:50 Mix

#ACA7E7

Color Values

Format #4657CC #FFFFFF
HEX #4657CC #FFFFFF
RGB 70, 87, 204 255, 255, 255
HSL 232.4, 56.8%, 53.7% 0.0, 0.0%, 100.0%
HSV 232.4, 65.7%, 80.0% 0.0, 0.0%, 100.0%
CMYK 65.7%, 57.4%, 0.0%, 20.0% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.5117 0.1808 272.1 1.0 0.0 89.9

Contrast & Accessibility

6.01:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFFFFF → Background: #4657CC

The quick brown fox jumps over the lazy dog

Text: #4657CC → Background: #FFFFFF

Color Difference (Delta E)

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

Gradient

#4657CC #6E71D5 #8E8BDE #ACA7E7 #C8C4EF #E4E1F7 #FFFFFF

Color Mixing

#4657CC

100%

#7F7EDA

75:25

#ACA7E7

50:50

#D6D2F3

25:75

#FFFFFF

100%

CSS Gradient Code

background: linear-gradient(to right, #4657CC, #FFFFFF);
background: linear-gradient(135deg, #4657CC, #FFFFFF);

Explore Each Color

#4657CC

View full color details

white

View full color details

Related Comparisons