#2F81BA

#2F81BA

#BA682F

#BA682F

Contrast Ratio

1.03:1

Delta E

88.53

Very Different

50:50 Mix

#927576

Color Values

Format #2F81BA #BA682F
HEX #2F81BA #BA682F
RGB 47, 129, 186 186, 104, 47
HSL 204.6, 59.7%, 45.7% 24.6, 59.7%, 45.7%
HSV 204.6, 74.7%, 72.9% 24.6, 74.7%, 72.9%
CMYK 74.7%, 30.6%, 0.0%, 27.1% 0.0%, 44.1%, 74.7%, 27.1%
OKLCH 0.5804 0.1173 243.2 0.6006 0.1263 52.4

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA682F → Background: #2F81BA

The quick brown fox jumps over the lazy dog

Text: #2F81BA → Background: #BA682F

Color Difference (Delta E)

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

Gradient

#2F81BA #637DA3 #7F798C #927576 #A2715F #AF6D48 #BA682F

Color Mixing

#2F81BA

100%

#727B98

75:25

#927576

50:50

#A96F54

25:75

#BA682F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F81BA, #BA682F);
background: linear-gradient(135deg, #2F81BA, #BA682F);

Explore Each Color

#2F81BA

View full color details

#BA682F

View full color details

Related Comparisons