#224447

#224447

Color Values

HEX

#224447

RGB

34, 68, 71

HSL

184.9, 35.2%, 20.6%

HSV

184.9, 52.1%, 27.8%

CMYK

52.1%, 4.2%, 0.0%, 72.2%

OKLCH

0.3623 0.0399 203.0

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#224447

#472522

Analogous

#224738

#223247

#224447

Triadic

#224447

#472244

#444722

Split Complementary

#224447

#472232

#473822

Tetradic

#224447

#382247

#472522

#324722

Color Blindness Simulation

Original

#224447

Protanopia

#313146

Deuteranopia

#2F2C46

Tritanopia

#244646

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE6E8
300
#ACD4D7
400
#7FBCC2
500
#53A5AC
600
#42848A
700
#356A6E
800
#295356
900
#213D40
950
#152728

Contrast Checker

Text on white

10.57:1

AA Pass AAA Pass

Text on black

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