#286550

#286550

Color Values

HEX

#286550

RGB

40, 101, 80

HSL

159.3, 43.3%, 27.6%

HSV

159.3, 60.4%, 39.6%

CMYK

60.4%, 0.0%, 20.8%, 60.4%

OKLCH

0.4603 0.0724 167.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#286550

#65283D

Analogous

#286531

#285B65

#286550

Triadic

#286550

#502865

#655028

Split Complementary

#286550

#65285B

#653128

Tetradic

#286550

#312865

#65283D

#5B6528

Color Blindness Simulation

Original

#286550

Protanopia

#424355

Deuteranopia

#3F3A56

Tritanopia

#2B595A

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEBE0
300
#A7DCCA
400
#78CAAD
500
#48B791
600
#3A9274
700
#2E755D
800
#245B48
900
#1E4336
950
#132B22

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

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