#143C16

#143C16

Color Values

HEX

#143C16

RGB

20, 60, 22

HSL

123.0, 50.0%, 15.7%

HSV

123.0, 66.7%, 23.5%

CMYK

66.7%, 0.0%, 63.3%, 76.5%

OKLCH

0.3173 0.0783 144.3

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#143C16

#3C143A

Analogous

#263C14

#143C2A

#143C16

Triadic

#143C16

#16143C

#3C1614

Split Complementary

#143C16

#2A143C

#3C1426

Tetradic

#143C16

#14263C

#3C143A

#3C2A14

Color Blindness Simulation

Original

#143C16

Protanopia

#25261F

Deuteranopia

#232021

Tritanopia

#162628

Achromatopsia

#313131

CSS Usage

background-color: #143C16;
color: #143C16;
border-color: #143C16;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#C9EDCB
300
#A3E0A6
400
#71D076
500
#40BF46
600
#339938
700
#297A2D
800
#206023
900
#1B461D
950
#112C12

Contrast Checker

Text on white

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