#447377

#447377

Color Values

HEX

#447377

RGB

68, 115, 119

HSL

184.7, 27.3%, 36.7%

HSV

184.7, 42.9%, 46.7%

CMYK

42.9%, 3.4%, 0.0%, 53.3%

OKLCH

0.5236 0.0517 202.7

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#447377

#774844

Analogous

#447762

#445A77

#447377

Triadic

#447377

#774473

#737744

Split Complementary

#447377

#77445A

#776244

Tetradic

#447377

#624477

#774844

#5A7744

Color Blindness Simulation

Original

#447377

Protanopia

#585976

Deuteranopia

#565276

Tritanopia

#467575

Achromatopsia

#696969

CSS Usage

background-color: #447377;
color: #447377;
border-color: #447377;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E4E5
300
#B1D0D3
400
#87B6BA
500
#5D9DA2
600
#4A7D82
700
#3B6468
800
#2E4E51
900
#253A3C
950
#172526

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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