#4556CF

#4556CF

#CFBE45

#CFBE45

Contrast Ratio

3.19:1

Delta E

136.22

Very Different

50:50 Mix

#A38792

Color Values

Format #4556CF #CFBE45
HEX #4556CF #CFBE45
RGB 69, 86, 207 207, 190, 69
HSL 232.6, 59.0%, 54.1% 52.6, 59.0%, 54.1%
HSV 232.6, 66.7%, 81.2% 52.6, 66.7%, 81.2%
CMYK 66.7%, 58.5%, 0.0%, 18.8% 0.0%, 8.2%, 66.7%, 18.8%
OKLCH 0.5117 0.1863 272.0 0.7938 0.1396 101.2

Contrast & Accessibility

3.19:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CFBE45 → Background: #4556CF

The quick brown fox jumps over the lazy dog

Text: #4556CF → Background: #CFBE45

Color Difference (Delta E)

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

Gradient

#4556CF #7165BB #8D76A7 #A38792 #B4997C #C2AB63 #CFBE45

Color Mixing

#4556CF

100%

#816DB1

75:25

#A38792

50:50

#BBA270

25:75

#CFBE45

100%

CSS Gradient Code

background: linear-gradient(to right, #4556CF, #CFBE45);
background: linear-gradient(135deg, #4556CF, #CFBE45);

Explore Each Color

#4556CF

View full color details

#CFBE45

View full color details

Related Comparisons