#62884A

#62884A

Color Values

HEX

#62884A

RGB

98, 136, 74

HSL

96.8, 29.5%, 41.2%

HSV

96.8, 45.6%, 53.3%

CMYK

27.9%, 0.0%, 45.6%, 46.7%

OKLCH

0.5828 0.0988 134.3

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#62884A

#704A88

Analogous

#81884A

#4A8851

#62884A

Triadic

#62884A

#4A6288

#884A62

Split Complementary

#62884A

#514A88

#884A81

Tetradic

#62884A

#4A8188

#704A88

#88514A

Color Blindness Simulation

Original

#62884A

Protanopia

#727359

Deuteranopia

#706D5D

Tritanopia

#646567

Achromatopsia

#7B7B7B

CSS Usage

background-color: #62884A;
color: #62884A;
border-color: #62884A;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D9E6D1
300
#BED4B0
400
#9ABC85
500
#77A55A
600
#5F8448
700
#4C6A3A
800
#3B532D
900
#2E3D24
950
#1D2716

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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