#302711

#302711

Color Values

HEX

#302711

RGB

48, 39, 17

HSL

42.6, 47.7%, 12.7%

HSV

42.6, 64.6%, 18.8%

CMYK

0.0%, 18.7%, 64.6%, 81.2%

OKLCH

0.277 0.0379 87.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#302711

#111A30

Analogous

#301711

#293011

#302711

Triadic

#302711

#113027

#271130

Split Complementary

#302711

#112930

#171130

Tetradic

#302711

#113017

#111A30

#301129

Color Blindness Simulation

Original

#302711

Protanopia

#2C2C16

Deuteranopia

#2D2D18

Tritanopia

#301B1B

Achromatopsia

#272727

CSS Usage

background-color: #302711;
color: #302711;
border-color: #302711;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#FAF9F4
100
#F4F0E6
200
#ECE2CA
300
#DFCEA5
400
#CEB474
500
#BC9943
600
#977A35
700
#79622B
800
#5E4D21
900
#45391C
950
#2C2411

Contrast Checker

Text on white

14.75:1

AA Pass AAA Pass

Text on black

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