#3F82BA

#3F82BA

#BA773F

#BA773F

Contrast Ratio

1.13:1

Delta E

80.46

Very Different

50:50 Mix

#937C7E

Color Values

Format #3F82BA #BA773F
HEX #3F82BA #BA773F
RGB 63, 130, 186 186, 119, 63
HSL 207.3, 49.4%, 48.8% 27.3, 49.4%, 48.8%
HSV 207.3, 66.1%, 72.9% 27.3, 66.1%, 72.9%
CMYK 66.1%, 30.1%, 0.0%, 27.1% 0.0%, 36.0%, 66.1%, 27.1%
OKLCH 0.5882 0.1099 246.4 0.6292 0.1105 58.6

Contrast & Accessibility

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA773F → Background: #3F82BA

The quick brown fox jumps over the lazy dog

Text: #3F82BA → Background: #BA773F

Color Difference (Delta E)

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

Gradient

#3F82BA #6780A6 #807E92 #937C7E #A27B69 #AF7955 #BA773F

Color Mixing

#3F82BA

100%

#757F9C

75:25

#937C7E

50:50

#A97A5F

25:75

#BA773F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F82BA, #BA773F);
background: linear-gradient(135deg, #3F82BA, #BA773F);

Explore Each Color

#3F82BA

View full color details

#BA773F

View full color details

Related Comparisons