#67843D

#67843D

Color Values

HEX

#67843D

RGB

103, 132, 61

HSL

84.5, 36.8%, 37.8%

HSV

84.5, 53.8%, 51.8%

CMYK

22.0%, 0.0%, 53.8%, 48.2%

OKLCH

0.5742 0.1039 127.7

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#67843D

#5A3D84

Analogous

#847D3D

#43843D

#67843D

Triadic

#67843D

#3D6784

#843D67

Split Complementary

#67843D

#3D4384

#7D3D84

Tetradic

#67843D

#3D847D

#5A3D84

#843D43

Color Blindness Simulation

Original

#67843D

Protanopia

#74744E

Deuteranopia

#727052

Tritanopia

#685C5F

Achromatopsia

#797979

CSS Usage

background-color: #67843D;
color: #67843D;
border-color: #67843D;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CE
300
#C6D8AB
400
#A7C37E
500
#88AE51
600
#6D8C40
700
#577034
800
#445728
900
#334020
950
#202914

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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