#163A2D

#163A2D

Color Values

HEX

#163A2D

RGB

22, 58, 45

HSL

158.3, 45.0%, 15.7%

HSV

158.3, 62.1%, 22.7%

CMYK

62.1%, 0.0%, 22.4%, 77.3%

OKLCH

0.3175 0.0481 167.0

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#163A2D

#3A1623

Analogous

#163A1B

#16353A

#163A2D

Triadic

#163A2D

#2D163A

#3A2D16

Split Complementary

#163A2D

#3A1635

#3A1B16

Tetradic

#163A2D

#1B163A

#3A1623

#353A16

Color Blindness Simulation

Original

#163A2D

Protanopia

#262630

Deuteranopia

#242131

Tritanopia

#183333

Achromatopsia

#313131

CSS Usage

background-color: #163A2D;
color: #163A2D;
border-color: #163A2D;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBE0
300
#A6DDC9
400
#76CBAC
500
#46B98F
600
#389473
700
#2D765C
800
#235C48
900
#1D4436
950
#122B22

Contrast Checker

Text on white

12.52:1

AA Pass AAA Pass

Text on black

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