#047A87

#047A87

Color Values

HEX

#047A87

RGB

4, 122, 135

HSL

186.0, 94.2%, 27.3%

HSV

186.0, 97.0%, 52.9%

CMYK

97.0%, 9.6%, 0.0%, 47.1%

OKLCH

0.5303 0.0903 207.9

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#047A87

#871104

Analogous

#048753

#043887

#047A87

Triadic

#047A87

#87047A

#7A8704

Split Complementary

#047A87

#870438

#875304

Tetradic

#047A87

#530487

#871104

#388704

Color Blindness Simulation

Original

#047A87

Protanopia

#373884

Deuteranopia

#302783

Tritanopia

#0A8181

Achromatopsia

#626262

CSS Usage

background-color: #047A87;
color: #047A87;
border-color: #047A87;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BAF6FD
300
#88F0FB
400
#48E8FA
500
#07E0F8
600
#06B3C6
700
#058F9E
800
#04707C
900
#07515A
950
#053339

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026