#143F23

#143F23

Color Values

HEX

#143F23

RGB

20, 63, 35

HSL

140.9, 51.8%, 16.3%

HSV

140.9, 68.3%, 24.7%

CMYK

68.3%, 0.0%, 44.4%, 75.3%

OKLCH

0.3292 0.0686 152.1

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#143F23

#3F1430

Analogous

#1B3F14

#143F39

#143F23

Triadic

#143F23

#23143F

#3F2314

Split Complementary

#143F23

#39143F

#3F141B

Tetradic

#143F23

#141B3F

#3F1430

#3F3914

Color Blindness Simulation

Original

#143F23

Protanopia

#27272A

Deuteranopia

#24212B

Tritanopia

#162F30

Achromatopsia

#343434

CSS Usage

background-color: #143F23;
color: #143F23;
border-color: #143F23;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F4FBF6
100
#E5F5EB
200
#C9EED6
300
#A2E2B8
400
#70D292
500
#3DC26B
600
#319B56
700
#277C45
800
#1F6136
900
#1A472A
950
#102D1A

Contrast Checker

Text on white

11.9:1

AA Pass AAA Pass

Text on black

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