#287C72

#287C72

Color Values

HEX

#287C72

RGB

40, 124, 114

HSL

172.9, 51.2%, 32.2%

HSV

172.9, 67.7%, 48.6%

CMYK

67.7%, 0.0%, 8.1%, 51.4%

OKLCH

0.5338 0.0807 183.9

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#287C72

#7C2832

Analogous

#287C48

#285C7C

#287C72

Triadic

#287C72

#72287C

#7C7228

Split Complementary

#287C72

#7C285C

#7C4828

Tetradic

#287C72

#48287C

#7C2832

#5C7C28

Color Blindness Simulation

Original

#287C72

Protanopia

#4C4D74

Deuteranopia

#484175

Tritanopia

#2C7677

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EEE9
300
#A2E1DA
400
#70D1C6
500
#3EC1B1
600
#329A8E
700
#287B71
800
#1F6059
900
#1A4741
950
#102D29

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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