#309999

#309999

#993030

#993030

Contrast Ratio

2.18:1

Delta E

82.75

Very Different

50:50 Mix

#816B62

Color Values

Format #309999 #993030
HEX #309999 #993030
RGB 48, 153, 153 153, 48, 48
HSL 180.0, 52.2%, 39.4% 0.0, 52.2%, 39.4%
HSV 180.0, 68.6%, 60.0% 0.0, 68.6%, 60.0%
CMYK 68.6%, 0.0%, 0.0%, 40.0% 0.0%, 68.6%, 68.6%, 40.0%
OKLCH 0.625 0.093 195.0 0.4666 0.1403 24.4

Contrast & Accessibility

2.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #993030 → Background: #309999

The quick brown fox jumps over the lazy dog

Text: #309999 → Background: #993030

Color Difference (Delta E)

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

Gradient

#309999 #5B8A86 #727B74 #816B62 #8C5A51 #934740 #993030

Color Mixing

#309999

100%

#68827D

75:25

#816B62

50:50

#905148

25:75

#993030

100%

CSS Gradient Code

background: linear-gradient(to right, #309999, #993030);
background: linear-gradient(135deg, #309999, #993030);

Explore Each Color

#309999

View full color details

#993030

View full color details

Related Comparisons