#03777C

#03777C

Color Values

HEX

#03777C

RGB

3, 119, 124

HSL

182.5, 95.3%, 24.9%

HSV

182.5, 97.6%, 48.6%

CMYK

97.6%, 4.0%, 0.0%, 51.4%

OKLCH

0.5177 0.0874 200.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#03777C

#7C0803

Analogous

#037C45

#033A7C

#03777C

Triadic

#03777C

#7C0377

#777C03

Split Complementary

#03777C

#7C033A

#7C4503

Tetradic

#03777C

#45037C

#7C0803

#3A7C03

Color Blindness Simulation

Original

#03777C

Protanopia

#35367B

Deuteranopia

#2E267A

Tritanopia

#097A7A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DFFAFC
200
#B9FAFD
300
#87F7FC
400
#47F3FB
500
#06EFF9
600
#05BFC7
700
#04999F
800
#03777D
900
#07575A
950
#043739

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