#669384

#669384

Color Values

HEX

#669384

RGB

102, 147, 132

HSL

160.0, 18.1%, 48.8%

HSV

160.0, 30.6%, 57.6%

CMYK

30.6%, 0.0%, 10.2%, 42.4%

OKLCH

0.6261 0.0542 171.7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#669384

#936675

Analogous

#66936D

#668B93

#669384

Triadic

#669384

#846693

#938466

Split Complementary

#669384

#93668B

#936D66

Tetradic

#669384

#6D6693

#936675

#8B9366

Color Blindness Simulation

Original

#669384

Protanopia

#797A88

Deuteranopia

#777488

Tritanopia

#688A8B

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B7CDC5
400
#90B2A6
500
#689787
600
#54786C
700
#436057
800
#344B44
900
#293833
950
#1A2420

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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