#46643E

#46643E

Color Values

HEX

#46643E

RGB

70, 100, 62

HSL

107.4, 23.5%, 31.8%

HSV

107.4, 38.0%, 39.2%

CMYK

30.0%, 0.0%, 38.0%, 60.8%

OKLCH

0.469 0.0691 139.2

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#46643E

#5C3E64

Analogous

#59643E

#3E6449

#46643E

Triadic

#46643E

#3E4664

#643E46

Split Complementary

#46643E

#493E64

#643E59

Tetradic

#46643E

#3E5964

#5C3E64

#64493E

Color Blindness Simulation

Original

#46643E

Protanopia

#535347

Deuteranopia

#514F49

Tritanopia

#484E50

Achromatopsia

#5B5B5B

CSS Usage

background-color: #46643E;
color: #46643E;
border-color: #46643E;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#EBF1EA
200
#D6E4D3
300
#B9D0B3
400
#94B78A
500
#6E9D62
600
#587E4E
700
#46653E
800
#374F31
900
#2B3B26
950
#1B2518

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail 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