#224334

#224334

Color Values

HEX

#224334

RGB

34, 67, 52

HSL

152.7, 32.7%, 19.8%

HSV

152.7, 49.3%, 26.3%

CMYK

49.3%, 0.0%, 22.4%, 73.7%

OKLCH

0.3525 0.0474 163.0

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#224334

#432231

Analogous

#224323

#224243

#224334

Triadic

#224334

#342243

#433422

Split Complementary

#224334

#432242

#432322

Tetradic

#224334

#232243

#432231

#424322

Color Blindness Simulation

Original

#224334

Protanopia

#303138

Deuteranopia

#2E2C38

Tritanopia

#243A3B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DC
300
#AED6C4
400
#82C0A3
500
#56A983
600
#458769
700
#376C54
800
#2B5542
900
#223F32
950
#16281F

Contrast Checker

Text on white

10.93:1

AA Pass AAA Pass

Text on black

1.92:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026