#285136

#285136

Color Values

HEX

#285136

RGB

40, 81, 54

HSL

140.5, 33.9%, 23.7%

HSV

140.5, 50.6%, 31.8%

CMYK

50.6%, 0.0%, 33.3%, 68.2%

OKLCH

0.3967 0.0654 153.5

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#285136

#512843

Analogous

#2E5128

#28514A

#285136

Triadic

#285136

#362851

#513628

Split Complementary

#285136

#4A2851

#51282E

Tetradic

#285136

#282E51

#512843

#514A28

Color Blindness Simulation

Original

#285136

Protanopia

#3A3A3D

Deuteranopia

#37343E

Tritanopia

#2A4243

Achromatopsia

#464646

CSS Usage

background-color: #285136;
color: #285136;
border-color: #285136;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7D7
300
#ADD7BB
400
#81C197
500
#54AB72
600
#43895B
700
#366D49
800
#2A5539
900
#223F2C
950
#15281C

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026