#2F94BA

#2F94BA

#BA552F

#BA552F

Contrast Ratio

1.37:1

Delta E

88.05

Very Different

50:50 Mix

#967774

Color Values

Format #2F94BA #BA552F
HEX #2F94BA #BA552F
RGB 47, 148, 186 186, 85, 47
HSL 196.4, 59.7%, 45.7% 16.4, 59.7%, 45.7%
HSV 196.4, 74.7%, 72.9% 16.4, 74.7%, 72.9%
CMYK 74.7%, 20.4%, 0.0%, 27.1% 0.0%, 54.3%, 74.7%, 27.1%
OKLCH 0.626 0.1062 227.7 0.57 0.1407 40.3

Contrast & Accessibility

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA552F → Background: #2F94BA

The quick brown fox jumps over the lazy dog

Text: #2F94BA → Background: #BA552F

Color Difference (Delta E)

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

Gradient

#2F94BA #658BA2 #82818B #967774 #A46D5D #B06246 #BA552F

Color Mixing

#2F94BA

100%

#758696

75:25

#967774

50:50

#AB6752

25:75

#BA552F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F94BA, #BA552F);
background: linear-gradient(135deg, #2F94BA, #BA552F);

Explore Each Color

#2F94BA

View full color details

#BA552F

View full color details

Related Comparisons