#054D49

#054D49

Color Values

HEX

#054D49

RGB

5, 77, 73

HSL

176.7, 87.8%, 16.1%

HSV

176.7, 93.5%, 30.2%

CMYK

93.5%, 0.0%, 5.2%, 69.8%

OKLCH

0.3798 0.0639 188.7

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#054D49

#4D0509

Analogous

#054D25

#052D4D

#054D49

Triadic

#054D49

#49054D

#4D4905

Split Complementary

#054D49

#4D052D

#4D2505

Tetradic

#054D49

#25054D

#4D0509

#2D4D05

Color Blindness Simulation

Original

#054D49

Protanopia

#24254A

Deuteranopia

#201B4A

Tritanopia

#094B4B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF9
200
#BCFBF7
300
#8CF8F2
400
#4EF3EA
500
#10EFE3
600
#0CC0B6
700
#0A9991
800
#087872
900
#0A5753
950
#063734

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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