#638672

#638672

Color Values

HEX

#638672

RGB

99, 134, 114

HSL

145.7, 15.0%, 45.7%

HSV

145.7, 26.1%, 52.5%

CMYK

26.1%, 0.0%, 14.9%, 47.5%

OKLCH

0.5875 0.05 159.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#638672

#866377

Analogous

#668663

#638684

#638672

Triadic

#638672

#726386

#867263

Split Complementary

#638672

#846386

#866366

Tetradic

#638672

#636686

#866377

#868463

Color Blindness Simulation

Original

#638672

Protanopia

#727277

Deuteranopia

#706E78

Tritanopia

#657B7C

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DB
300
#B9CBC0
400
#92AF9F
500
#6C937D
600
#577564
700
#455E50
800
#36493E
900
#2A3730
950
#1A231E

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.18:1

AA Pass AAA Fail

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