#30889C

#30889C

Color Values

HEX

#30889C

RGB

48, 136, 156

HSL

191.1, 52.9%, 40.0%

HSV

191.1, 69.2%, 61.2%

CMYK

69.2%, 12.8%, 0.0%, 38.8%

OKLCH

0.5833 0.0869 215.8

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#30889C

#9C4430

Analogous

#309C7A

#30529C

#30889C

Triadic

#30889C

#9C3088

#889C30

Split Complementary

#30889C

#9C3052

#9C7A30

Tetradic

#30889C

#7A309C

#9C4430

#529C30

Color Blindness Simulation

Original

#30889C

Protanopia

#565797

Deuteranopia

#514A96

Tritanopia

#349392

Achromatopsia

#777777

CSS Usage

background-color: #30889C;
color: #30889C;
border-color: #30889C;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F2F5
200
#C8E7EE
300
#A1D6E2
400
#6FC0D3
500
#3CAAC3
600
#30889C
700
#266D7D
800
#1E5561
900
#193F48
950
#10282D

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026