#4F84BA

#4F84BA

#BA854F

#BA854F

Contrast Ratio

1.23:1

Delta E

72.51

Very Different

50:50 Mix

#958485

Color Values

Format #4F84BA #BA854F
HEX #4F84BA #BA854F
RGB 79, 132, 186 186, 133, 79
HSL 210.3, 43.7%, 52.0% 30.3, 43.7%, 52.0%
HSV 210.3, 57.5%, 72.9% 30.3, 57.5%, 72.9%
CMYK 57.5%, 29.0%, 0.0%, 27.1% 0.0%, 28.5%, 57.5%, 27.1%
OKLCH 0.5998 0.1006 250.2 0.6578 0.0962 65.3

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA854F → Background: #4F84BA

The quick brown fox jumps over the lazy dog

Text: #4F84BA → Background: #BA854F

Color Difference (Delta E)

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

Gradient

#4F84BA #6E84A8 #848497 #958485 #A38474 #AF8562 #BA854F

Color Mixing

#4F84BA

100%

#7A84A0

75:25

#958485

50:50

#A9856B

25:75

#BA854F

100%

CSS Gradient Code

background: linear-gradient(to right, #4F84BA, #BA854F);
background: linear-gradient(135deg, #4F84BA, #BA854F);

Explore Each Color

#4F84BA

View full color details

#BA854F

View full color details

Related Comparisons