#3742CC

#3742CC

#CCC137

#CCC137

Contrast Ratio

4.0:1

Delta E

154.26

Very Different

50:50 Mix

#A07E8D

Color Values

Format #3742CC #CCC137
HEX #3742CC #CCC137
RGB 55, 66, 204 204, 193, 55
HSL 235.6, 59.4%, 50.8% 55.6, 59.4%, 50.8%
HSV 235.6, 73.0%, 80.0% 55.6, 73.0%, 80.0%
CMYK 73.0%, 67.6%, 0.0%, 20.0% 0.0%, 5.4%, 73.0%, 20.0%
OKLCH 0.4664 0.2094 271.6 0.7964 0.1515 104.7

Contrast & Accessibility

4.0:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC137 → Background: #3742CC

The quick brown fox jumps over the lazy dog

Text: #3742CC → Background: #CCC137

Color Difference (Delta E)

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

Gradient

#3742CC #6C55B8 #8A69A3 #A07E8D #B19476 #C0AA5B #CCC137

Color Mixing

#3742CC

100%

#7C5FAD

75:25

#A07E8D

50:50

#B99F69

25:75

#CCC137

100%

CSS Gradient Code

background: linear-gradient(to right, #3742CC, #CCC137);
background: linear-gradient(135deg, #3742CC, #CCC137);

Explore Each Color

#3742CC

View full color details

#CCC137

View full color details

Related Comparisons