#044E48

#044E48

Color Values

HEX

#044E48

RGB

4, 78, 72

HSL

175.1, 90.2%, 16.1%

HSV

175.1, 94.9%, 30.6%

CMYK

94.9%, 0.0%, 7.7%, 69.4%

OKLCH

0.3822 0.0655 185.9

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#044E48

#4E040A

Analogous

#044E23

#042F4E

#044E48

Triadic

#044E48

#48044E

#4E4804

Split Complementary

#044E48

#4E042F

#4E2304

Tetradic

#044E48

#23044E

#4E040A

#2F4E04

Color Blindness Simulation

Original

#044E48

Protanopia

#242549

Deuteranopia

#201A4A

Tritanopia

#084B4B

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF9
200
#BBFCF6
300
#8BF9F0
400
#4CF6E8
500
#0CF3E0
600
#0AC2B3
700
#089B8F
800
#067970
900
#095851
950
#063733

Contrast Checker

Text on white

9.6:1

AA Pass AAA Pass

Text on black

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