#286D52

#286D52

Color Values

HEX

#286D52

RGB

40, 109, 82

HSL

156.5, 46.3%, 29.2%

HSV

156.5, 63.3%, 42.7%

CMYK

63.3%, 0.0%, 24.8%, 57.3%

OKLCH

0.4831 0.0824 164.2

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#286D52

#6D2843

Analogous

#286D2F

#28656D

#286D52

Triadic

#286D52

#52286D

#6D5228

Split Complementary

#286D52

#6D2865

#6D2F28

Tetradic

#286D52

#2F286D

#6D2843

#656D28

Color Blindness Simulation

Original

#286D52

Protanopia

#464659

Deuteranopia

#423D5A

Tritanopia

#2B5E5F

Achromatopsia

#5C5C5C

CSS Usage

background-color: #286D52;
color: #286D52;
border-color: #286D52;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECDF
300
#A5DEC8
400
#75CCAA
500
#44BB8C
600
#379570
700
#2C775A
800
#225D46
900
#1C4535
950
#122B21

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026