#669281

#669281

Color Values

HEX

#669281

RGB

102, 146, 129

HSL

156.8, 17.7%, 48.6%

HSV

156.8, 30.1%, 57.3%

CMYK

30.1%, 0.0%, 11.6%, 42.7%

OKLCH

0.6228 0.0547 168.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#669281

#926677

Analogous

#66926B

#668D92

#669281

Triadic

#669281

#816692

#928166

Split Complementary

#669281

#92668D

#926B66

Tetradic

#669281

#6B6692

#926677

#8D9266

Color Blindness Simulation

Original

#669281

Protanopia

#797985

Deuteranopia

#767386

Tritanopia

#688889

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B7CDC4
400
#90B1A4
500
#699685
600
#54786A
700
#436055
800
#344B42
900
#293832
950
#1A2320

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

5.99: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