#04777C

#04777C

Color Values

HEX

#04777C

RGB

4, 119, 124

HSL

182.5, 93.8%, 25.1%

HSV

182.5, 96.8%, 48.6%

CMYK

96.8%, 4.0%, 0.0%, 51.4%

OKLCH

0.5178 0.0872 200.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#04777C

#7C0904

Analogous

#047C45

#043B7C

#04777C

Triadic

#04777C

#7C0477

#777C04

Split Complementary

#04777C

#7C043B

#7C4504

Tetradic

#04777C

#45047C

#7C0904

#3B7C04

Color Blindness Simulation

Original

#04777C

Protanopia

#36377B

Deuteranopia

#2F267A

Tritanopia

#0A7A7A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAFAFD
300
#88F6FB
400
#48F2F9
500
#08EDF7
600
#06BEC6
700
#05989E
800
#04777C
900
#085659
950
#053638

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