#2186AE

#2186AE

#AE4921

#AE4921

Contrast Ratio

1.35:1

Delta E

89.65

Very Different

50:50 Mix

#8B6B67

Color Values

Format #2186AE #AE4921
HEX #2186AE #AE4921
RGB 33, 134, 174 174, 73, 33
HSL 197.0, 68.1%, 40.6% 17.0, 68.1%, 40.6%
HSV 197.0, 81.0%, 68.2% 17.0, 81.0%, 68.2%
CMYK 81.0%, 23.0%, 0.0%, 31.8% 0.0%, 58.0%, 81.0%, 31.8%
OKLCH 0.5829 0.1065 230.2 0.5324 0.1424 40.4

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE4921 → Background: #2186AE

The quick brown fox jumps over the lazy dog

Text: #2186AE → Background: #AE4921

Color Difference (Delta E)

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

Gradient

#2186AE #5C7D96 #78747F #8B6B67 #9A6050 #A55539 #AE4921

Color Mixing

#2186AE

100%

#6C798A

75:25

#8B6B67

50:50

#A05B45

25:75

#AE4921

100%

CSS Gradient Code

background: linear-gradient(to right, #2186AE, #AE4921);
background: linear-gradient(135deg, #2186AE, #AE4921);

Explore Each Color

#2186AE

View full color details

#AE4921

View full color details

Related Comparisons