#309996

#309996

Color Values

HEX

#309996

RGB

48, 153, 150

HSL

178.3, 52.2%, 39.4%

HSV

178.3, 68.6%, 60.0%

CMYK

68.6%, 0.0%, 2.0%, 40.0%

OKLCH

0.624 0.0933 192.3

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#309996

#993033

Analogous

#309961

#306799

#309996

Triadic

#309996

#963099

#999630

Split Complementary

#309996

#993067

#996130

Tetradic

#309996

#613099

#993033

#679930

Color Blindness Simulation

Original

#309996

Protanopia

#5D5E97

Deuteranopia

#575097

Tritanopia

#359797

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E2E0
400
#6FD2CF
500
#3DC2BE
600
#319B98
700
#277C7A
800
#1E615F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026