#02777D

#02777D

Color Values

HEX

#02777D

RGB

2, 119, 125

HSL

182.9, 96.9%, 24.9%

HSV

182.9, 98.4%, 49.0%

CMYK

98.4%, 4.8%, 0.0%, 51.0%

OKLCH

0.518 0.0877 201.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#02777D

#7D0802

Analogous

#027D45

#023A7D

#02777D

Triadic

#02777D

#7D0277

#777D02

Split Complementary

#02777D

#7D023A

#7D4502

Tetradic

#02777D

#45027D

#7D0802

#3A7D02

Color Blindness Simulation

Original

#02777D

Protanopia

#35367C

Deuteranopia

#2E257B

Tritanopia

#087A7A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #02777D;
color: #02777D;
border-color: #02777D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B9FBFE
300
#86F7FD
400
#45F3FC
500
#04EFFB
600
#03BFC9
700
#0399A1
800
#02787E
900
#06575B
950
#043739

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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