#308481

#308481

Color Values

HEX

#308481

RGB

48, 132, 129

HSL

177.9, 46.7%, 35.3%

HSV

177.9, 63.6%, 51.8%

CMYK

63.6%, 0.0%, 2.3%, 48.2%

OKLCH

0.5625 0.0797 191.8

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#308481

#843033

Analogous

#308457

#305D84

#308481

Triadic

#308481

#813084

#848130

Split Complementary

#308481

#84305D

#845730

Tetradic

#308481

#573084

#843033

#5D8430

Color Blindness Simulation

Original

#308481

Protanopia

#545582

Deuteranopia

#504982

Tritanopia

#348282

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEB
300
#A5DEDC
400
#75CDCA
500
#44BBB7
600
#369692
700
#2B7875
800
#225E5B
900
#1C4543
950
#122B2B

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026