#286540

#286540

Color Values

HEX

#286540

RGB

40, 101, 64

HSL

143.6, 43.3%, 27.6%

HSV

143.6, 60.4%, 39.6%

CMYK

60.4%, 0.0%, 36.6%, 60.4%

OKLCH

0.4561 0.0878 154.2

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#286540

#65284D

Analogous

#2E6528

#28655E

#286540

Triadic

#286540

#402865

#654028

Split Complementary

#286540

#5E2865

#65282E

Tetradic

#286540

#282E65

#65284D

#655E28

Color Blindness Simulation

Original

#286540

Protanopia

#424349

Deuteranopia

#3F3A4B

Tritanopia

#2B5052

Achromatopsia

#555555

CSS Usage

background-color: #286540;
color: #286540;
border-color: #286540;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD8
300
#A7DCBC
400
#78CA98
500
#48B774
600
#3A925D
700
#2E754A
800
#245B3A
900
#1E432C
950
#132B1C

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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