#224436

#224436

Color Values

HEX

#224436

RGB

34, 68, 54

HSL

155.3, 33.3%, 20.0%

HSV

155.3, 50.0%, 26.7%

CMYK

50.0%, 0.0%, 20.6%, 73.3%

OKLCH

0.3561 0.0472 165.3

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#224436

#442230

Analogous

#224425

#224144

#224436

Triadic

#224436

#362244

#443622

Split Complementary

#224436

#442241

#442522

Tetradic

#224436

#252244

#442230

#414422

Color Blindness Simulation

Original

#224436

Protanopia

#313139

Deuteranopia

#2F2C3A

Tritanopia

#243C3D

Achromatopsia

#3C3C3C

CSS Usage

background-color: #224436;
color: #224436;
border-color: #224436;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DD
300
#ADD6C5
400
#81C0A6
500
#55AA87
600
#44886C
700
#366D56
800
#2B5544
900
#223F33
950
#152820

Contrast Checker

Text on white

10.78:1

AA Pass AAA Pass

Text on black

1.95:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026