#054F4D

#054F4D

Color Values

HEX

#054F4D

RGB

5, 79, 77

HSL

178.4, 88.1%, 16.5%

HSV

178.4, 93.7%, 31.0%

CMYK

93.7%, 0.0%, 2.5%, 69.0%

OKLCH

0.3872 0.0647 191.8

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#054F4D

#4F0507

Analogous

#054F28

#052C4F

#054F4D

Triadic

#054F4D

#4D054F

#4F4D05

Split Complementary

#054F4D

#4F052C

#4F2805

Tetradic

#054F4D

#28054F

#4F0507

#2C4F05

Color Blindness Simulation

Original

#054F4D

Protanopia

#25264D

Deuteranopia

#211B4E

Tritanopia

#094E4E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BCFBF9
300
#8CF8F5
400
#4EF4EF
500
#0FF0EA
600
#0CC0BB
700
#0A9996
800
#087875
900
#0A5755
950
#063736

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026