#224549

#224549

Color Values

HEX

#224549

RGB

34, 69, 73

HSL

186.2, 36.4%, 21.0%

HSV

186.2, 53.4%, 28.6%

CMYK

53.4%, 5.5%, 0.0%, 71.4%

OKLCH

0.3659 0.0411 205.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#224549

#492622

Analogous

#22493A

#223249

#224549

Triadic

#224549

#492245

#454922

Split Complementary

#224549

#492232

#493A22

Tetradic

#224549

#3A2249

#492622

#324922

Color Blindness Simulation

Original

#224549

Protanopia

#313148

Deuteranopia

#2F2C48

Tritanopia

#244747

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ACD3D8
400
#7EBCC3
500
#51A4AE
600
#41838B
700
#34696F
800
#295257
900
#213D40
950
#152729

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

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