#33550B

#33550B

Color Values

HEX

#33550B

RGB

51, 85, 11

HSL

87.6, 77.1%, 18.8%

HSV

87.6, 87.1%, 33.3%

CMYK

40.0%, 0.0%, 87.1%, 66.7%

OKLCH

0.4081 0.106 132.1

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#33550B

#2D0B55

Analogous

#55520B

#0E550B

#33550B

Triadic

#33550B

#0B3355

#550B33

Split Complementary

#33550B

#0B0E55

#520B55

Tetradic

#33550B

#0B5552

#2D0B55

#550B0E

Color Blindness Simulation

Original

#33550B

Protanopia

#42421D

Deuteranopia

#403D21

Tritanopia

#352B2E

Achromatopsia

#484848

CSS Usage

background-color: #33550B;
color: #33550B;
border-color: #33550B;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DEF7C0
300
#C6F193
400
#A6E958
500
#87E21D
600
#6CB517
700
#579113
800
#44710F
900
#33520F
950
#203409

Contrast Checker

Text on white

8.59:1

AA Pass AAA Pass

Text on black

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