#3054CF

#3054CF

#CFAB30

#CFAB30

Contrast Ratio

2.89:1

Delta E

137.88

Very Different

50:50 Mix

#A07C89

Color Values

Format #3054CF #CFAB30
HEX #3054CF #CFAB30
RGB 48, 84, 207 207, 171, 48
HSL 226.4, 62.4%, 50.0% 46.4, 62.4%, 50.0%
HSV 226.4, 76.8%, 81.2% 46.4, 76.8%, 81.2%
CMYK 76.8%, 59.4%, 0.0%, 18.8% 0.0%, 17.4%, 76.8%, 18.8%
OKLCH 0.4976 0.1944 266.6 0.7529 0.1394 91.7

Contrast & Accessibility

2.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CFAB30 → Background: #3054CF

The quick brown fox jumps over the lazy dog

Text: #3054CF → Background: #CFAB30

Color Difference (Delta E)

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

Gradient

#3054CF #6A60B8 #896EA1 #A07C89 #B28B70 #C29B54 #CFAB30

Color Mixing

#3054CF

100%

#7B67AC

75:25

#A07C89

50:50

#BA9363

25:75

#CFAB30

100%

CSS Gradient Code

background: linear-gradient(to right, #3054CF, #CFAB30);
background: linear-gradient(135deg, #3054CF, #CFAB30);

Explore Each Color

#3054CF

View full color details

#CFAB30

View full color details

Related Comparisons