#2F9EB5

#2F9EB5

#B5462F

#B5462F

Contrast Ratio

1.72:1

Delta E

89.28

Very Different

50:50 Mix

#947770

Color Values

Format #2F9EB5 #B5462F
HEX #2F9EB5 #B5462F
RGB 47, 158, 181 181, 70, 47
HSL 190.3, 58.8%, 44.7% 10.3, 58.8%, 44.7%
HSV 190.3, 74.0%, 71.0% 10.3, 74.0%, 71.0%
CMYK 74.0%, 12.7%, 0.0%, 29.0% 0.0%, 61.3%, 74.0%, 29.0%
OKLCH 0.6482 0.1015 214.9 0.5409 0.1493 33.5

Contrast & Accessibility

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B5462F → Background: #2F9EB5

The quick brown fox jumps over the lazy dog

Text: #2F9EB5 → Background: #B5462F

Color Difference (Delta E)

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

Gradient

#2F9EB5 #65919E #818487 #947770 #A2685A #AD5845 #B5462F

Color Mixing

#2F9EB5

100%

#758B92

75:25

#947770

50:50

#A8614F

25:75

#B5462F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F9EB5, #B5462F);
background: linear-gradient(135deg, #2F9EB5, #B5462F);

Explore Each Color

#2F9EB5

View full color details

#B5462F

View full color details

Related Comparisons