#287B78

#287B78

Color Values

HEX

#287B78

RGB

40, 123, 120

HSL

177.8, 50.9%, 32.0%

HSV

177.8, 67.5%, 48.2%

CMYK

67.5%, 0.0%, 2.4%, 51.8%

OKLCH

0.5332 0.0781 191.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#287B78

#7B282B

Analogous

#287B4F

#28557B

#287B78

Triadic

#287B78

#78287B

#7B7828

Split Complementary

#287B78

#7B2855

#7B4F28

Tetradic

#287B78

#4F287B

#7B282B

#557B28

Color Blindness Simulation

Original

#287B78

Protanopia

#4C4D79

Deuteranopia

#474179

Tritanopia

#2C7979

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EDEC
300
#A3E1DF
400
#71D1CD
500
#3FC0BC
600
#329A96
700
#287B78
800
#1F605E
900
#1A4745
950
#112D2C

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