#276BA8

#276BA8

#A86427

#A86427

Contrast Ratio

1.2:1

Delta E

86.23

Very Different

50:50 Mix

#83676A

Color Values

Format #276BA8 #A86427
HEX #276BA8 #A86427
RGB 39, 107, 168 168, 100, 39
HSL 208.4, 62.3%, 40.6% 28.4, 62.3%, 40.6%
HSV 208.4, 76.8%, 65.9% 28.4, 76.8%, 65.9%
CMYK 76.8%, 36.3%, 0.0%, 34.1% 0.0%, 40.5%, 76.8%, 34.1%
OKLCH 0.5156 0.1179 249.3 0.5686 0.1148 58.6

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A86427 → Background: #276BA8

The quick brown fox jumps over the lazy dog

Text: #276BA8 → Background: #A86427

Color Difference (Delta E)

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

Gradient

#276BA8 #576A93 #70687E #83676A #916655 #9E653F #A86427

Color Mixing

#276BA8

100%

#656989

75:25

#83676A

50:50

#98664A

25:75

#A86427

100%

CSS Gradient Code

background: linear-gradient(to right, #276BA8, #A86427);
background: linear-gradient(135deg, #276BA8, #A86427);

Explore Each Color

#276BA8

View full color details

#A86427

View full color details

Related Comparisons