#287C63

#287C63

Color Values

HEX

#287C63

RGB

40, 124, 99

HSL

162.1, 51.2%, 32.2%

HSV

162.1, 67.7%, 48.6%

CMYK

67.7%, 0.0%, 20.2%, 51.4%

OKLCH

0.529 0.0895 169.5

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#287C63

#7C2841

Analogous

#287C39

#286B7C

#287C63

Triadic

#287C63

#63287C

#7C6328

Split Complementary

#287C63

#7C286B

#7C3928

Tetradic

#287C63

#39287C

#7C2841

#6B7C28

Color Blindness Simulation

Original

#287C63

Protanopia

#4C4D69

Deuteranopia

#48416A

Tritanopia

#2C6E6F

Achromatopsia

#686868

CSS Usage

background-color: #287C63;
color: #287C63;
border-color: #287C63;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FBF9
100
#E5F5F0
200
#C9EEE3
300
#A2E1CE
400
#70D1B4
500
#3EC19A
600
#329A7B
700
#287B62
800
#1F604D
900
#1A4739
950
#102D24

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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