#668273

#668273

Color Values

HEX

#668273

RGB

102, 130, 115

HSL

147.9, 12.1%, 45.5%

HSV

147.9, 21.5%, 51.0%

CMYK

21.5%, 0.0%, 11.5%, 49.0%

OKLCH

0.5802 0.0395 161.5

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#668273

#826675

Analogous

#678266

#668281

#668273

Triadic

#668273

#736682

#827366

Split Complementary

#668273

#816682

#826667

Tetradic

#668273

#666782

#826675

#828166

Color Blindness Simulation

Original

#668273

Protanopia

#727277

Deuteranopia

#706E78

Tritanopia

#67797A

Achromatopsia

#7B7B7B

CSS Usage

background-color: #668273;
color: #668273;
border-color: #668273;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DB
300
#BAC9C1
400
#95ACA0
500
#708F7E
600
#5A7265
700
#485B51
800
#38473F
900
#2B3630
950
#1B221E

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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