#084D50

#084D50

Color Values

HEX

#084D50

RGB

8, 77, 80

HSL

182.5, 81.8%, 17.3%

HSV

182.5, 90.0%, 31.4%

CMYK

90.0%, 3.7%, 0.0%, 68.6%

OKLCH

0.3832 0.0621 199.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#084D50

#500B08

Analogous

#08502F

#082950

#084D50

Triadic

#084D50

#50084D

#4D5008

Split Complementary

#084D50

#500829

#502F08

Tetradic

#084D50

#2F0850

#500B08

#295008

Color Blindness Simulation

Original

#084D50

Protanopia

#26264F

Deuteranopia

#221D4F

Tritanopia

#0B4F4F

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9FA
200
#BEF6F9
300
#90F0F4
400
#53E7EE
500
#17DFE8
600
#13B2B9
700
#0F8F94
800
#0C7074
900
#0D5154
950
#083335

Contrast Checker

Text on white

9.6:1

AA Pass AAA Pass

Text on black

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