#3F84CB

#3F84CB

#CB863F

#CB863F

Contrast Ratio

1.31:1

Delta E

93.16

Very Different

50:50 Mix

#9F8487

Color Values

Format #3F84CB #CB863F
HEX #3F84CB #CB863F
RGB 63, 132, 203 203, 134, 63
HSL 210.4, 57.4%, 52.2% 30.4, 57.4%, 52.2%
HSV 210.4, 69.0%, 79.6% 30.4, 69.0%, 79.6%
CMYK 69.0%, 35.0%, 0.0%, 20.4% 0.0%, 34.0%, 69.0%, 20.4%
OKLCH 0.6021 0.1291 251.4 0.6776 0.1209 63.8

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CB863F → Background: #3F84CB

The quick brown fox jumps over the lazy dog

Text: #3F84CB → Background: #CB863F

Color Difference (Delta E)

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

Gradient

#3F84CB #6E84B4 #8A849E #9F8487 #B08570 #BF8559 #CB863F

Color Mixing

#3F84CB

100%

#7D84A9

75:25

#9F8487

50:50

#B88565

25:75

#CB863F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F84CB, #CB863F);
background: linear-gradient(135deg, #3F84CB, #CB863F);

Explore Each Color

#3F84CB

View full color details

#CB863F

View full color details

Related Comparisons