#285F44

#285F44

Color Values

HEX

#285F44

RGB

40, 95, 68

HSL

150.5, 40.7%, 26.5%

HSV

150.5, 57.9%, 37.3%

CMYK

57.9%, 0.0%, 28.4%, 62.7%

OKLCH

0.4401 0.0741 159.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#285F44

#5F2843

Analogous

#285F29

#285F5F

#285F44

Triadic

#285F44

#44285F

#5F4428

Split Complementary

#285F44

#5F285F

#5F2928

Tetradic

#285F44

#29285F

#5F2843

#5F5F28

Color Blindness Simulation

Original

#285F44

Protanopia

#40404B

Deuteranopia

#3D384C

Tritanopia

#2B5051

Achromatopsia

#515151

CSS Usage

background-color: #285F44;
color: #285F44;
border-color: #285F44;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDEADC
300
#A9DBC2
400
#7AC7A1
500
#4CB380
600
#3C9067
700
#307352
800
#265A40
900
#1F4231
950
#132A1F

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

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