#42583B

#42583B

Color Values

HEX

#42583B

RGB

66, 88, 59

HSL

105.5, 19.7%, 28.8%

HSV

105.5, 33.0%, 34.5%

CMYK

25.0%, 0.0%, 33.0%, 65.5%

OKLCH

0.4337 0.0536 138.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#42583B

#513B58

Analogous

#50583B

#3B5842

#42583B

Triadic

#42583B

#3B4258

#583B42

Split Complementary

#42583B

#423B58

#583B50

Tetradic

#42583B

#3B5058

#513B58

#58423B

Color Blindness Simulation

Original

#42583B

Protanopia

#4C4C42

Deuteranopia

#4A4944

Tritanopia

#434849

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D8E2D4
300
#BCCEB6
400
#97B38E
500
#739966
600
#5C7A52
700
#496242
800
#394C33
900
#2C3928
950
#1C2419

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

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