#3F7FCF

#3F7FCF

#CF8F3F

#CF8F3F

Contrast Ratio

1.49:1

Delta E

99.44

Very Different

50:50 Mix

#A2868A

Color Values

Format #3F7FCF #CF8F3F
HEX #3F7FCF #CF8F3F
RGB 63, 127, 207 207, 143, 63
HSL 213.3, 60.0%, 52.9% 33.3, 60.0%, 52.9%
HSV 213.3, 69.6%, 81.2% 33.3, 69.6%, 81.2%
CMYK 69.6%, 38.6%, 0.0%, 18.8% 0.0%, 30.9%, 69.6%, 18.8%
OKLCH 0.5932 0.1394 255.3 0.6991 0.1227 69.2

Contrast & Accessibility

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF8F3F → Background: #3F7FCF

The quick brown fox jumps over the lazy dog

Text: #3F7FCF → Background: #CF8F3F

Color Difference (Delta E)

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

Gradient

#3F7FCF #6F81B8 #8C83A1 #A2868A #B38973 #C28C5A #CF8F3F

Color Mixing

#3F7FCF

100%

#7F82AD

75:25

#A2868A

50:50

#BB8A67

25:75

#CF8F3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F7FCF, #CF8F3F);
background: linear-gradient(135deg, #3F7FCF, #CF8F3F);

Explore Each Color

#3F7FCF

View full color details

#CF8F3F

View full color details

Related Comparisons