#287B77

#287B77

Color Values

HEX

#287B77

RGB

40, 123, 119

HSL

177.1, 50.9%, 32.0%

HSV

177.1, 67.5%, 48.2%

CMYK

67.5%, 0.0%, 3.3%, 51.8%

OKLCH

0.5329 0.0783 190.5

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#287B77

#7B282C

Analogous

#287B4E

#28567B

#287B77

Triadic

#287B77

#77287B

#7B7728

Split Complementary

#287B77

#7B2856

#7B4E28

Tetradic

#287B77

#4E287B

#7B282C

#567B28

Color Blindness Simulation

Original

#287B77

Protanopia

#4C4D78

Deuteranopia

#474178

Tritanopia

#2C7979

Achromatopsia

#696969

CSS Usage

background-color: #287B77;
color: #287B77;
border-color: #287B77;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EDEC
300
#A3E1DE
400
#71D1CC
500
#3FC0BA
600
#329A95
700
#287B77
800
#1F605D
900
#1A4744
950
#112D2B

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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