#163C18

#163C18

Color Values

HEX

#163C18

RGB

22, 60, 24

HSL

123.2, 46.3%, 16.1%

HSV

123.2, 63.3%, 23.5%

CMYK

63.3%, 0.0%, 60.0%, 76.5%

OKLCH

0.3185 0.075 144.5

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#163C18

#3C163A

Analogous

#273C16

#163C2B

#163C18

Triadic

#163C18

#18163C

#3C1816

Split Complementary

#163C18

#2B163C

#3C1627

Tetradic

#163C18

#16273C

#3C163A

#3C2B16

Color Blindness Simulation

Original

#163C18

Protanopia

#262721

Deuteranopia

#242123

Tritanopia

#182829

Achromatopsia

#313131

CSS Usage

background-color: #163C18;
color: #163C18;
border-color: #163C18;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBECCD
300
#A5DEA8
400
#75CC7A
500
#44BB4B
600
#37953C
700
#2C7730
800
#225D25
900
#1C451E
950
#122B13

Contrast Checker

Text on white

12.4:1

AA Pass AAA Pass

Text on black

1.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026