#42581F

#42581F

Color Values

HEX

#42581F

RGB

66, 88, 31

HSL

83.2, 47.9%, 23.3%

HSV

83.2, 64.8%, 34.5%

CMYK

25.0%, 0.0%, 64.8%, 65.5%

OKLCH

0.4287 0.0866 127.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#42581F

#351F58

Analogous

#58511F

#25581F

#42581F

Triadic

#42581F

#1F4258

#581F42

Split Complementary

#42581F

#1F2558

#511F58

Tetradic

#42581F

#1F5851

#351F58

#581F25

Color Blindness Simulation

Original

#42581F

Protanopia

#4C4C2D

Deuteranopia

#4A4930

Tritanopia

#43383A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #42581F;
color: #42581F;
border-color: #42581F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#DFECCA
300
#C8DFA4
400
#ABCE73
500
#8DBD42
600
#719735
700
#5A792B
800
#475E21
900
#35451C
950
#222C11

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

2.65:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026