#287C79

#287C79

Color Values

HEX

#287C79

RGB

40, 124, 121

HSL

177.9, 51.2%, 32.2%

HSV

177.9, 67.7%, 48.6%

CMYK

67.7%, 0.0%, 2.4%, 51.4%

OKLCH

0.5362 0.0787 191.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#287C79

#7C282B

Analogous

#287C4F

#28557C

#287C79

Triadic

#287C79

#79287C

#7C7928

Split Complementary

#287C79

#7C2855

#7C4F28

Tetradic

#287C79

#4F287C

#7C282B

#557C28

Color Blindness Simulation

Original

#287C79

Protanopia

#4C4D7A

Deuteranopia

#48417A

Tritanopia

#2C7A7A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEC
300
#A2E1DF
400
#70D1CE
500
#3EC1BC
600
#329A97
700
#287B78
800
#1F605E
900
#1A4745
950
#102D2C

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026