#163D24

#163D24

Color Values

HEX

#163D24

RGB

22, 61, 36

HSL

141.5, 47.0%, 16.3%

HSV

141.5, 63.9%, 23.9%

CMYK

63.9%, 0.0%, 41.0%, 76.1%

OKLCH

0.3241 0.0629 153.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#163D24

#3D162F

Analogous

#1C3D16

#163D38

#163D24

Triadic

#163D24

#24163D

#3D2416

Split Complementary

#163D24

#38163D

#3D161C

Tetradic

#163D24

#161C3D

#3D162F

#3D3816

Color Blindness Simulation

Original

#163D24

Protanopia

#27272A

Deuteranopia

#25222C

Tritanopia

#182F30

Achromatopsia

#333333

CSS Usage

background-color: #163D24;
color: #163D24;
border-color: #163D24;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F4FAF6
100
#E6F4EB
200
#CBECD7
300
#A5DFBA
400
#74CD94
500
#44BB6F
600
#369658
700
#2B7847
800
#225E37
900
#1C452B
950
#122C1B

Contrast Checker

Text on white

12.16:1

AA Pass AAA Pass

Text on black

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