#308F7B

#308F7B

Color Values

HEX

#308F7B

RGB

48, 143, 123

HSL

167.4, 49.7%, 37.5%

HSV

167.4, 66.4%, 56.1%

CMYK

66.4%, 0.0%, 14.0%, 43.9%

OKLCH

0.5892 0.0933 176.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#308F7B

#8F3044

Analogous

#308F4C

#30748F

#308F7B

Triadic

#308F7B

#7B308F

#8F7B30

Split Complementary

#308F7B

#8F3074

#8F4C30

Tetradic

#308F7B

#4C308F

#8F3044

#748F30

Color Blindness Simulation

Original

#308F7B

Protanopia

#595A80

Deuteranopia

#544C81

Tritanopia

#358484

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E6F5F2
200
#CAEDE6
300
#A3E0D3
400
#72D0BC
500
#40BFA4
600
#339983
700
#297A69
800
#205F52
900
#1B463D
950
#112C27

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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