#163227

#163227

Color Values

HEX

#163227

RGB

22, 50, 39

HSL

156.4, 38.9%, 14.1%

HSV

156.4, 56.0%, 19.6%

CMYK

56.0%, 0.0%, 22.0%, 80.4%

OKLCH

0.2912 0.04 166.0

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#163227

#321621

Analogous

#163219

#162F32

#163227

Triadic

#163227

#271632

#322716

Split Complementary

#163227

#32162F

#321916

Tetradic

#163227

#191632

#321621

#2F3216

Color Blindness Simulation

Original

#163227

Protanopia

#22222A

Deuteranopia

#201E2A

Tritanopia

#172C2C

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDE9DE
300
#AADAC7
400
#7CC5A8
500
#4EB18A
600
#3E8E6E
700
#327158
800
#275945
900
#1F4134
950
#142921

Contrast Checker

Text on white

13.82:1

AA Pass AAA Pass

Text on black

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