#308F66

#308F66

Color Values

HEX

#308F66

RGB

48, 143, 102

HSL

154.1, 49.7%, 37.5%

HSV

154.1, 66.4%, 56.1%

CMYK

66.4%, 0.0%, 28.7%, 43.9%

OKLCH

0.5834 0.1093 161.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#308F66

#8F3059

Analogous

#308F37

#30898F

#308F66

Triadic

#308F66

#66308F

#8F6630

Split Complementary

#308F66

#8F3089

#8F3730

Tetradic

#308F66

#37308F

#8F3059

#898F30

Color Blindness Simulation

Original

#308F66

Protanopia

#595A70

Deuteranopia

#544C72

Tritanopia

#357879

Achromatopsia

#787878

CSS Usage

background-color: #308F66;
color: #308F66;
border-color: #308F66;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E6F5EE
200
#CAEDDE
300
#A3E0C6
400
#72D0A7
500
#40BF88
600
#33996D
700
#297A57
800
#205F44
900
#1B4633
950
#112C20

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026