#311410

#311410

Color Values

HEX

#311410

RGB

49, 20, 16

HSL

7.3, 50.8%, 12.7%

HSV

7.3, 67.3%, 19.2%

CMYK

0.0%, 59.2%, 67.3%, 80.8%

OKLCH

0.2338 0.0482 29.3

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311410

#102D31

Analogous

#31101C

#312410

#311410

Triadic

#311410

#103114

#141031

Split Complementary

#311410

#103124

#101C31

Tetradic

#311410

#1C3110

#102D31

#241031

Color Blindness Simulation

Original

#311410

Protanopia

#242411

Deuteranopia

#262811

Tritanopia

#301212

Achromatopsia

#1A1A1A

CSS Usage

background-color: #311410;
color: #311410;
border-color: #311410;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EDCEC9
300
#E1AAA3
400
#D17C71
500
#C04E3F
600
#9A3F32
700
#7B3228
800
#60271F
900
#47201A
950
#2D1411

Contrast Checker

Text on white

16.96:1

AA Pass AAA Pass

Text on black

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