#287C77

#287C77

Color Values

HEX

#287C77

RGB

40, 124, 119

HSL

176.4, 51.2%, 32.2%

HSV

176.4, 67.7%, 48.6%

CMYK

67.7%, 0.0%, 4.0%, 51.4%

OKLCH

0.5355 0.0791 189.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#287C77

#7C282D

Analogous

#287C4D

#28577C

#287C77

Triadic

#287C77

#77287C

#7C7728

Split Complementary

#287C77

#7C2857

#7C4D28

Tetradic

#287C77

#4D287C

#7C282D

#577C28

Color Blindness Simulation

Original

#287C77

Protanopia

#4C4D78

Deuteranopia

#484178

Tritanopia

#2C7979

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEB
300
#A2E1DD
400
#70D1CB
500
#3EC1B9
600
#329A94
700
#287B76
800
#1F605C
900
#1A4744
950
#102D2B

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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