#668272

#668272

Color Values

HEX

#668272

RGB

102, 130, 114

HSL

145.7, 12.1%, 45.5%

HSV

145.7, 21.5%, 51.0%

CMYK

21.5%, 0.0%, 12.3%, 49.0%

OKLCH

0.5799 0.0404 159.8

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#668272

#826676

Analogous

#688266

#668280

#668272

Triadic

#668272

#726682

#827266

Split Complementary

#668272

#806682

#826668

Tetradic

#668272

#666882

#826676

#828066

Color Blindness Simulation

Original

#668272

Protanopia

#727276

Deuteranopia

#706E77

Tritanopia

#67797A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DB
300
#BAC9C1
400
#95AC9F
500
#708F7D
600
#5A7264
700
#485B50
800
#38473F
900
#2B3630
950
#1B221E

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026