#308C9B

#308C9B

#9B3F30

#9B3F30

Contrast Ratio

1.7:1

Delta E

75.29

Very Different

50:50 Mix

#7F6964

Color Values

Format #308C9B #9B3F30
HEX #308C9B #9B3F30
RGB 48, 140, 155 155, 63, 48
HSL 188.4, 52.7%, 39.8% 8.4, 52.7%, 39.8%
HSV 188.4, 69.0%, 60.8% 8.4, 69.0%, 60.8%
CMYK 69.0%, 9.7%, 0.0%, 39.2% 0.0%, 59.4%, 69.0%, 39.2%
OKLCH 0.5929 0.0871 210.4 0.4896 0.1265 31.4

Contrast & Accessibility

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9B3F30 → Background: #308C9B

The quick brown fox jumps over the lazy dog

Text: #308C9B → Background: #9B3F30

Color Difference (Delta E)

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

Gradient

#308C9B #598188 #707576 #7F6964 #8B5D52 #944F41 #9B3F30

Color Mixing

#308C9B

100%

#657B7F

75:25

#7F6964

50:50

#90564A

25:75

#9B3F30

100%

CSS Gradient Code

background: linear-gradient(to right, #308C9B, #9B3F30);
background: linear-gradient(135deg, #308C9B, #9B3F30);

Explore Each Color

#308C9B

View full color details

#9B3F30

View full color details

Related Comparisons