#084E55

#084E55

Color Values

HEX

#084E55

RGB

8, 78, 85

HSL

185.5, 82.8%, 18.2%

HSV

185.5, 90.6%, 33.3%

CMYK

90.6%, 8.2%, 0.0%, 66.7%

OKLCH

0.3883 0.0634 205.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#084E55

#550F08

Analogous

#085535

#082755

#084E55

Triadic

#084E55

#55084E

#4E5508

Split Complementary

#084E55

#550827

#553508

Tetradic

#084E55

#350855

#550F08

#275508

Color Blindness Simulation

Original

#084E55

Protanopia

#262753

Deuteranopia

#221D53

Tritanopia

#0C5252

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF3F9
300
#8FEBF4
400
#53E0EF
500
#16D6E9
600
#12ABBA
700
#0E8995
800
#0B6B75
900
#0C4E55
950
#083135

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