#30979C

#30979C

Color Values

HEX

#30979C

RGB

48, 151, 156

HSL

182.8, 52.9%, 40.0%

HSV

182.8, 69.2%, 61.2%

CMYK

69.2%, 3.2%, 0.0%, 38.8%

OKLCH

0.6211 0.0917 199.8

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#30979C

#9C3530

Analogous

#309C6B

#30619C

#30979C

Triadic

#30979C

#9C3097

#979C30

Split Complementary

#30979C

#9C3061

#9C6B30

Tetradic

#30979C

#6B309C

#9C3530

#619C30

Color Blindness Simulation

Original

#30979C

Protanopia

#5D5D9B

Deuteranopia

#574F9A

Tritanopia

#359A9A

Achromatopsia

#818181

CSS Usage

background-color: #30979C;
color: #30979C;
border-color: #30979C;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8ECEE
300
#A1DFE2
400
#6FCED3
500
#3CBDC3
600
#30979C
700
#26797D
800
#1E5E61
900
#194548
950
#102C2D

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.03: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