#04777B

#04777B

Color Values

HEX

#04777B

RGB

4, 119, 123

HSL

182.0, 93.7%, 24.9%

HSV

182.0, 96.7%, 48.2%

CMYK

96.7%, 3.3%, 0.0%, 51.8%

OKLCH

0.5174 0.0871 199.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#04777B

#7B0804

Analogous

#047B43

#043C7B

#04777B

Triadic

#04777B

#7B0477

#777B04

Split Complementary

#04777B

#7B043C

#7B4304

Tetradic

#04777B

#43047B

#7B0804

#3C7B04

Color Blindness Simulation

Original

#04777B

Protanopia

#36377A

Deuteranopia

#2F267A

Tritanopia

#0A7979

Achromatopsia

#5F5F5F

CSS Usage

background-color: #04777B;
color: #04777B;
border-color: #04777B;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAFBFD
300
#88F7FB
400
#48F3F9
500
#08EFF7
600
#06BFC6
700
#05999E
800
#04787B
900
#085759
950
#053738

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026