#054446

#054446

Color Values

HEX

#054446

RGB

5, 68, 70

HSL

181.8, 86.7%, 14.7%

HSV

181.8, 92.9%, 27.5%

CMYK

92.9%, 2.9%, 0.0%, 72.5%

OKLCH

0.352 0.0576 198.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#054446

#460705

Analogous

#054627

#052446

#054446

Triadic

#054446

#460544

#444605

Split Complementary

#054446

#460524

#462705

Tetradic

#054446

#270546

#460705

#244605

Color Blindness Simulation

Original

#054446

Protanopia

#202146

Deuteranopia

#1D1845

Tritanopia

#084545

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCF8FA
300
#8DF4F7
400
#4FEEF2
500
#11E7EE
600
#0EB9BE
700
#0B9498
800
#087477
900
#0B5456
950
#073536

Contrast Checker

Text on white

10.93:1

AA Pass AAA Pass

Text on black

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