#309C81

#309C81

Color Values

HEX

#309C81

RGB

48, 156, 129

HSL

165.0, 52.9%, 40.0%

HSV

165.0, 69.2%, 61.2%

CMYK

69.2%, 0.0%, 17.3%, 38.8%

OKLCH

0.6249 0.1052 172.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#309C81

#9C304B

Analogous

#309C4B

#30819C

#309C81

Triadic

#309C81

#81309C

#9C8130

Split Complementary

#309C81

#9C3081

#9C4B30

Tetradic

#309C81

#4B309C

#9C304B

#819C30

Color Blindness Simulation

Original

#309C81

Protanopia

#5F6088

Deuteranopia

#585089

Tritanopia

#358D8E

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E5F5F1
200
#C8EEE5
300
#A1E2D2
400
#6FD3BA
500
#3CC3A1
600
#309C81
700
#267D67
800
#1E6151
900
#19483C
950
#102D26

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026