#35220F

#35220F

Color Values

HEX

#35220F

RGB

53, 34, 15

HSL

30.0, 55.9%, 13.3%

HSV

30.0, 71.7%, 20.8%

CMYK

0.0%, 35.8%, 71.7%, 79.2%

OKLCH

0.271 0.0423 64.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#35220F

#0F2235

Analogous

#350F0F

#35350F

#35220F

Triadic

#35220F

#0F3522

#220F35

Split Complementary

#35220F

#0F3535

#0F0F35

Tetradic

#35220F

#0F350F

#0F2235

#350F35

Color Blindness Simulation

Original

#35220F

Protanopia

#2D2D14

Deuteranopia

#2E2F15

Tritanopia

#341718

Achromatopsia

#252525

CSS Usage

background-color: #35220F;
color: #35220F;
border-color: #35220F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#EFDBC7
300
#E4C2A0
400
#D5A16C
500
#C78038
600
#9F662D
700
#7F5224
800
#63401C
900
#493018
950
#2E1F0F

Contrast Checker

Text on white

15.14:1

AA Pass AAA Pass

Text on black

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