#224B47

#224B47

Color Values

HEX

#224B47

RGB

34, 75, 71

HSL

174.1, 37.6%, 21.4%

HSV

174.1, 54.7%, 29.4%

CMYK

54.7%, 0.0%, 5.3%, 70.6%

OKLCH

0.3819 0.0467 187.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#224B47

#4B2226

Analogous

#224B33

#223B4B

#224B47

Triadic

#224B47

#47224B

#4B4722

Split Complementary

#224B47

#4B223B

#4B3322

Tetradic

#224B47

#33224B

#4B2226

#3B4B22

Color Blindness Simulation

Original

#224B47

Protanopia

#343448

Deuteranopia

#312E48

Tritanopia

#244949

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E6
300
#ABD9D4
400
#7DC4BD
500
#50AFA6
600
#408C85
700
#33706A
800
#285853
900
#20413E
950
#142927

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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