#287F78

#287F78

Color Values

HEX

#287F78

RGB

40, 127, 120

HSL

175.2, 52.1%, 32.7%

HSV

175.2, 68.5%, 49.8%

CMYK

68.5%, 0.0%, 5.5%, 50.2%

OKLCH

0.5438 0.0816 187.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#287F78

#7F282F

Analogous

#287F4C

#285A7F

#287F78

Triadic

#287F78

#78287F

#7F7828

Split Complementary

#287F78

#7F285A

#7F4C28

Tetradic

#287F78

#4C287F

#7F282F

#5A7F28

Color Blindness Simulation

Original

#287F78

Protanopia

#4E4E7A

Deuteranopia

#49427A

Tritanopia

#2C7B7B

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEB
300
#A2E2DD
400
#6FD2CA
500
#3DC2B7
600
#319B93
700
#277C75
800
#1F615C
900
#1A4744
950
#102D2B

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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