#309699

#309699

Color Values

HEX

#309699

RGB

48, 150, 153

HSL

181.7, 52.2%, 39.4%

HSV

181.7, 68.6%, 60.0%

CMYK

68.6%, 2.0%, 0.0%, 40.0%

OKLCH

0.6174 0.091 197.9

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#309699

#993330

Analogous

#309967

#306199

#309699

Triadic

#309699

#993096

#969930

Split Complementary

#309699

#993061

#996730

Tetradic

#309699

#673099

#993330

#619930

Color Blindness Simulation

Original

#309699

Protanopia

#5C5D98

Deuteranopia

#564F98

Tritanopia

#359898

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EDEE
300
#A2E0E2
400
#6FCFD2
500
#3DBEC2
600
#31989B
700
#277A7C
800
#1E5F61
900
#1A4647
950
#102C2D

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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