#084A57

#084A57

Color Values

HEX

#084A57

RGB

8, 74, 87

HSL

189.9, 83.2%, 18.6%

HSV

189.9, 90.8%, 34.1%

CMYK

90.8%, 14.9%, 0.0%, 65.9%

OKLCH

0.3778 0.0636 215.4

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#084A57

#571508

Analogous

#08573C

#082257

#084A57

Triadic

#084A57

#57084A

#4A5708

Split Complementary

#084A57

#570822

#573C08

Tetradic

#084A57

#3C0857

#571508

#225708

Color Blindness Simulation

Original

#084A57

Protanopia

#252554

Deuteranopia

#211C53

Tritanopia

#0B5151

Achromatopsia

#3D3D3D

CSS Usage

background-color: #084A57;
color: #084A57;
border-color: #084A57;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F2FBFD
100
#E1F6FA
200
#BEEFF9
300
#8FE4F5
400
#52D5EF
500
#15C7EA
600
#119FBB
700
#0E7F95
800
#0B6375
900
#0C4955
950
#082E36

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

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