#309D9F

#309D9F

Color Values

HEX

#309D9F

RGB

48, 157, 159

HSL

181.1, 53.6%, 40.6%

HSV

181.1, 69.8%, 62.4%

CMYK

69.8%, 1.3%, 0.0%, 37.6%

OKLCH

0.6373 0.0953 196.8

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#309D9F

#9F3230

Analogous

#309F6A

#30659F

#309D9F

Triadic

#309D9F

#9F309D

#9D9F30

Split Complementary

#309D9F

#9F3065

#9F6A30

Tetradic

#309D9F

#6A309F

#9F3230

#659F30

Color Blindness Simulation

Original

#309D9F

Protanopia

#5F609F

Deuteranopia

#59519E

Tritanopia

#359E9E

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEEE
300
#A1E1E3
400
#6ED1D3
500
#3BC1C4
600
#2F9B9D
700
#267C7D
800
#1E6162
900
#194748
950
#102D2D

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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