#286527

#286527

Color Values

HEX

#286527

RGB

40, 101, 39

HSL

119.0, 44.3%, 27.5%

HSV

119.0, 61.4%, 39.6%

CMYK

60.4%, 0.0%, 61.4%, 60.4%

OKLCH

0.4515 0.1136 143.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#286527

#642765

Analogous

#476527

#276545

#286527

Triadic

#286527

#272865

#652728

Split Complementary

#286527

#452765

#652747

Tetradic

#286527

#274765

#642765

#654527

Color Blindness Simulation

Original

#286527

Protanopia

#424336

Deuteranopia

#3F3A3A

Tritanopia

#2B4244

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F5FAF4
100
#E7F4E6
200
#CCEBCB
300
#A8DDA7
400
#78CA77
500
#49B847
600
#3A9339
700
#2F762D
800
#245C24
900
#1E441D
950
#132B12

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

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