#66B396

#66B396

Color Values

HEX

#66B396

RGB

102, 179, 150

HSL

157.4, 33.6%, 55.1%

HSV

157.4, 43.0%, 70.2%

CMYK

43.0%, 0.0%, 16.2%, 29.8%

OKLCH

0.7085 0.0885 167.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#66B396

#B36683

Analogous

#66B370

#66A9B3

#66B396

Triadic

#66B396

#9666B3

#B39666

Split Complementary

#66B396

#B366A9

#B37066

Tetradic

#66B396

#7066B3

#B36683

#A9B366

Color Blindness Simulation

Original

#66B396

Protanopia

#87889D

Deuteranopia

#837D9F

Tritanopia

#6AA3A4

Achromatopsia

#A1A1A1

CSS Usage

background-color: #66B396;
color: #66B396;
border-color: #66B396;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DE
300
#ADD6C7
400
#81C0A8
500
#55AA8A
600
#44886E
700
#366D58
800
#2A5545
900
#223F34
950
#152821

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.45:1

AA Pass AAA Pass

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