#044E4C

#044E4C

Color Values

HEX

#044E4C

RGB

4, 78, 76

HSL

178.4, 90.2%, 16.1%

HSV

178.4, 94.9%, 30.6%

CMYK

94.9%, 0.0%, 2.6%, 69.4%

OKLCH

0.3837 0.0644 191.8

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#044E4C

#4E0406

Analogous

#044E27

#042B4E

#044E4C

Triadic

#044E4C

#4C044E

#4E4C04

Split Complementary

#044E4C

#4E042B

#4E2704

Tetradic

#044E4C

#27044E

#4E0406

#2B4E04

Color Blindness Simulation

Original

#044E4C

Protanopia

#24254C

Deuteranopia

#201A4D

Tritanopia

#084D4D

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8BF9F6
400
#4CF6F1
500
#0CF3EC
600
#0AC2BD
700
#089B97
800
#067976
900
#095856
950
#063736

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026