#278BAF

#278BAF

#AF4B27

#AF4B27

Contrast Ratio

1.4:1

Delta E

87.14

Very Different

50:50 Mix

#8D6E6A

Color Values

Format #278BAF #AF4B27
HEX #278BAF #AF4B27
RGB 39, 139, 175 175, 75, 39
HSL 195.9, 63.6%, 42.0% 15.9, 63.6%, 42.0%
HSV 195.9, 77.7%, 68.6% 15.9, 77.7%, 68.6%
CMYK 77.7%, 20.6%, 0.0%, 31.4% 0.0%, 57.1%, 77.7%, 31.4%
OKLCH 0.5969 0.1033 227.2 0.5375 0.14 39.4

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF4B27 → Background: #278BAF

The quick brown fox jumps over the lazy dog

Text: #278BAF → Background: #AF4B27

Color Difference (Delta E)

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

Gradient

#278BAF #5E8298 #7A7881 #8D6E6A #9B6354 #A6583E #AF4B27

Color Mixing

#278BAF

100%

#6E7D8C

75:25

#8D6E6A

50:50

#A15E49

25:75

#AF4B27

100%

CSS Gradient Code

background: linear-gradient(to right, #278BAF, #AF4B27);
background: linear-gradient(135deg, #278BAF, #AF4B27);

Explore Each Color

#278BAF

View full color details

#AF4B27

View full color details

Related Comparisons