#308D92

#308D92

Color Values

HEX

#308D92

RGB

48, 141, 146

HSL

183.1, 50.5%, 38.0%

HSV

183.1, 67.1%, 57.3%

CMYK

67.1%, 3.4%, 0.0%, 42.7%

OKLCH

0.5919 0.0854 200.2

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#308D92

#923530

Analogous

#309266

#305C92

#308D92

Triadic

#308D92

#92308D

#8D9230

Split Complementary

#308D92

#92305C

#926630

Tetradic

#308D92

#663092

#923530

#5C9230

Color Blindness Simulation

Original

#308D92

Protanopia

#585991

Deuteranopia

#534C90

Tritanopia

#359090

Achromatopsia

#7A7A7A

CSS Usage

background-color: #308D92;
color: #308D92;
border-color: #308D92;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9EBED
300
#A3DEE1
400
#71CBD0
500
#3FB9C0
600
#32949A
700
#28777B
800
#205D60
900
#1A4446
950
#112B2D

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026