#286D45

#286D45

Color Values

HEX

#286D45

RGB

40, 109, 69

HSL

145.2, 46.3%, 29.2%

HSV

145.2, 63.3%, 42.7%

CMYK

63.3%, 0.0%, 36.7%, 57.3%

OKLCH

0.4798 0.0951 154.8

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#286D45

#6D2850

Analogous

#2E6D28

#286D67

#286D45

Triadic

#286D45

#45286D

#6D4528

Split Complementary

#286D45

#67286D

#6D282E

Tetradic

#286D45

#282E6D

#6D2850

#6D6728

Color Blindness Simulation

Original

#286D45

Protanopia

#46464F

Deuteranopia

#423D51

Tritanopia

#2B5658

Achromatopsia

#5B5B5B

CSS Usage

background-color: #286D45;
color: #286D45;
border-color: #286D45;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CBECD9
300
#A5DEBD
400
#75CC9A
500
#44BB76
600
#37955E
700
#2C774C
800
#225D3B
900
#1C452D
950
#122B1D

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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