#3F3DCC

#3F3DCC

#CACC3D

#CACC3D

Contrast Ratio

4.44:1

Delta E

160.23

Very Different

50:50 Mix

#A18290

Color Values

Format #3F3DCC #CACC3D
HEX #3F3DCC #CACC3D
RGB 63, 61, 204 202, 204, 61
HSL 240.8, 58.4%, 52.0% 60.8, 58.4%, 52.0%
HSV 240.8, 70.1%, 80.0% 60.8, 70.1%, 80.0%
CMYK 69.1%, 70.1%, 0.0%, 20.0% 1.0%, 0.0%, 70.1%, 20.0%
OKLCH 0.4633 0.2128 274.8 0.8186 0.1586 110.2

Contrast & Accessibility

4.44:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CACC3D → Background: #3F3DCC

The quick brown fox jumps over the lazy dog

Text: #3F3DCC → Background: #CACC3D

Color Difference (Delta E)

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

Gradient

#3F3DCC #6F53B9 #8B6AA5 #A18290 #B19A7A #BFB360 #CACC3D

Color Mixing

#3F3DCC

100%

#7E5FAF

75:25

#A18290

50:50

#B8A76D

25:75

#CACC3D

100%

CSS Gradient Code

background: linear-gradient(to right, #3F3DCC, #CACC3D);
background: linear-gradient(135deg, #3F3DCC, #CACC3D);

Explore Each Color

#3F3DCC

View full color details

#CACC3D

View full color details

Related Comparisons