#3088AF

#3088AF

#AF5730

#AF5730

Contrast Ratio

1.25:1

Delta E

80.97

Very Different

50:50 Mix

#8C716F

Color Values

Format #3088AF #AF5730
HEX #3088AF #AF5730
RGB 48, 136, 175 175, 87, 48
HSL 198.4, 57.0%, 43.7% 18.4, 57.0%, 43.7%
HSV 198.4, 72.6%, 68.6% 18.4, 72.6%, 68.6%
CMYK 72.6%, 22.3%, 0.0%, 31.4% 0.0%, 50.3%, 72.6%, 31.4%
OKLCH 0.5919 0.1009 231.4 0.5569 0.1265 43.2

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5730 → Background: #3088AF

The quick brown fox jumps over the lazy dog

Text: #3088AF → Background: #AF5730

Color Difference (Delta E)

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

Gradient

#3088AF #608199 #797984 #8C716F #9A695A #A66046 #AF5730

Color Mixing

#3088AF

100%

#6E7D8F

75:25

#8C716F

50:50

#A06550

25:75

#AF5730

100%

CSS Gradient Code

background: linear-gradient(to right, #3088AF, #AF5730);
background: linear-gradient(135deg, #3088AF, #AF5730);

Explore Each Color

#3088AF

View full color details

#AF5730

View full color details

Related Comparisons