#054F31

#054F31

Color Values

HEX

#054F31

RGB

5, 79, 49

HSL

155.7, 88.1%, 16.5%

HSV

155.7, 93.7%, 31.0%

CMYK

93.7%, 0.0%, 38.0%, 69.0%

OKLCH

0.3781 0.0843 159.1

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#054F31

#4F0523

Analogous

#054F0C

#05484F

#054F31

Triadic

#054F31

#31054F

#4F3105

Split Complementary

#054F31

#4F0548

#4F0C05

Tetradic

#054F31

#0C054F

#4F0523

#484F05

Color Blindness Simulation

Original

#054F31

Protanopia

#252638

Deuteranopia

#211B3A

Tritanopia

#093E3F

Achromatopsia

#3D3D3D

CSS Usage

background-color: #054F31;
color: #054F31;
border-color: #054F31;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F2FDF8
100
#E0FBF0
200
#BCFBE1
300
#8CF8CC
400
#4EF4B0
500
#0FF095
600
#0CC077
700
#0A995F
800
#08784A
900
#0A5738
950
#063723

Contrast Checker

Text on white

9.68:1

AA Pass AAA Pass

Text on black

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