#2F6EB3

#2F6EB3

#B3742F

#B3742F

Contrast Ratio

1.36:1

Delta E

90.7

Very Different

50:50 Mix

#8B7074

Color Values

Format #2F6EB3 #B3742F
HEX #2F6EB3 #B3742F
RGB 47, 110, 179 179, 116, 47
HSL 211.4, 58.4%, 44.3% 31.4, 58.4%, 44.3%
HSV 211.4, 73.7%, 70.2% 31.4, 73.7%, 70.2%
CMYK 73.7%, 38.5%, 0.0%, 29.8% 0.0%, 35.2%, 73.7%, 29.8%
OKLCH 0.5319 0.1264 253.0 0.6131 0.1148 64.8

Contrast & Accessibility

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B3742F → Background: #2F6EB3

The quick brown fox jumps over the lazy dog

Text: #2F6EB3 → Background: #B3742F

Color Difference (Delta E)

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

Gradient

#2F6EB3 #5E6F9E #786F89 #8B7074 #9B715E #A87348 #B3742F

Color Mixing

#2F6EB3

100%

#6C6F93

75:25

#8B7074

50:50

#A17253

25:75

#B3742F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F6EB3, #B3742F);
background: linear-gradient(135deg, #2F6EB3, #B3742F);

Explore Each Color

#2F6EB3

View full color details

#B3742F

View full color details

Related Comparisons