#008B66

#008B66

Color Values

HEX

#008B66

RGB

0, 139, 102

HSL

164.0, 100.0%, 27.3%

HSV

164.0, 100.0%, 54.5%

CMYK

100.0%, 0.0%, 26.6%, 45.5%

OKLCH

0.5647 0.1169 166.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#008B66

#8B0025

Analogous

#008B20

#006B8B

#008B66

Triadic

#008B66

#66008B

#8B6600

Split Complementary

#008B66

#8B006B

#8B2000

Tetradic

#008B66

#20008B

#8B0025

#6B8B00

Color Blindness Simulation

Original

#008B66

Protanopia

#3C3D6F

Deuteranopia

#342A71

Tritanopia

#077678

Achromatopsia

#6B6B6B

CSS Usage

background-color: #008B66;
color: #008B66;
border-color: #008B66;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FFEC
300
#85FFDE
400
#42FFCD
500
#00FFBB
600
#00CC96
700
#00A378
800
#00805E
900
#055C45
950
#033A2B

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026