#44947B

#44947B

Color Values

HEX

#44947B

RGB

68, 148, 123

HSL

161.2, 37.0%, 42.4%

HSV

161.2, 54.1%, 58.0%

CMYK

54.1%, 0.0%, 16.9%, 42.0%

OKLCH

0.609 0.0882 170.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#44947B

#94445D

Analogous

#449453

#448594

#44947B

Triadic

#44947B

#7B4494

#947B44

Split Complementary

#44947B

#944485

#945344

Tetradic

#44947B

#534494

#94445D

#859444

Color Blindness Simulation

Original

#44947B

Protanopia

#676781

Deuteranopia

#625C82

Tritanopia

#488687

Achromatopsia

#818181

CSS Usage

background-color: #44947B;
color: #44947B;
border-color: #44947B;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE9E0
300
#ABD8CA
400
#7EC4AE
500
#50AF91
600
#408C74
700
#33705D
800
#285749
900
#204136
950
#142922

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026