#3F4CCB

#3F4CCB

#CBBE3F

#CBBE3F

Contrast Ratio

3.53:1

Delta E

143.04

Very Different

50:50 Mix

#9F828E

Color Values

Format #3F4CCB #CBBE3F
HEX #3F4CCB #CBBE3F
RGB 63, 76, 203 203, 190, 63
HSL 234.4, 57.4%, 52.2% 54.4, 57.4%, 52.2%
HSV 234.4, 69.0%, 79.6% 54.4, 69.0%, 79.6%
CMYK 69.0%, 62.6%, 0.0%, 20.4% 0.0%, 6.4%, 69.0%, 20.4%
OKLCH 0.4869 0.1947 272.4 0.7897 0.1439 103.4

Contrast & Accessibility

3.53:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CBBE3F → Background: #3F4CCB

The quick brown fox jumps over the lazy dog

Text: #3F4CCB → Background: #CBBE3F

Color Difference (Delta E)

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

Gradient

#3F4CCB #6E5DB7 #8A6FA3 #9F828E #B09678 #BFAA5F #CBBE3F

Color Mixing

#3F4CCB

100%

#7D66AD

75:25

#9F828E

50:50

#B8A06C

25:75

#CBBE3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F4CCB, #CBBE3F);
background: linear-gradient(135deg, #3F4CCB, #CBBE3F);

Explore Each Color

#3F4CCB

View full color details

#CBBE3F

View full color details

Related Comparisons