#224942

#224942

Color Values

HEX

#224942

RGB

34, 73, 66

HSL

169.2, 36.4%, 21.0%

HSV

169.2, 53.4%, 28.6%

CMYK

53.4%, 0.0%, 9.6%, 71.4%

OKLCH

0.3744 0.0462 180.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#224942

#492229

Analogous

#22492F

#223D49

#224942

Triadic

#224942

#422249

#494222

Split Complementary

#224942

#49223D

#492F22

Tetradic

#224942

#2F2249

#492229

#3D4922

Color Blindness Simulation

Original

#224942

Protanopia

#333344

Deuteranopia

#312E44

Tritanopia

#244545

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE8E4
300
#ACD8D0
400
#7EC3B7
500
#51AE9D
600
#418B7E
700
#346F65
800
#29574F
900
#21403B
950
#152925

Contrast Checker

Text on white

10.0:1

AA Pass AAA Pass

Text on black

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