#3B550B

#3B550B

Color Values

HEX

#3B550B

RGB

59, 85, 11

HSL

81.1, 77.1%, 18.8%

HSV

81.1, 87.1%, 33.3%

CMYK

30.6%, 0.0%, 87.1%, 66.7%

OKLCH

0.4135 0.1013 128.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#3B550B

#250B55

Analogous

#554A0B

#16550B

#3B550B

Triadic

#3B550B

#0B3B55

#550B3B

Split Complementary

#3B550B

#0B1655

#4A0B55

Tetradic

#3B550B

#0B554A

#250B55

#550B16

Color Blindness Simulation

Original

#3B550B

Protanopia

#46461D

Deuteranopia

#454321

Tritanopia

#3C2B2E

Achromatopsia

#4A4A4A

CSS Usage

background-color: #3B550B;
color: #3B550B;
border-color: #3B550B;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FCF2
100
#F1F9E1
200
#E3F7C0
300
#D0F193
400
#B6E958
500
#9DE21D
600
#7DB517
700
#649113
800
#4E710F
900
#3A520F
950
#253409

Contrast Checker

Text on white

8.43:1

AA Pass AAA Pass

Text on black

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