#320F0A

#320F0A

Color Values

HEX

#320F0A

RGB

50, 15, 10

HSL

7.5, 66.7%, 11.8%

HSV

7.5, 80.0%, 19.6%

CMYK

0.0%, 70.0%, 80.0%, 80.4%

OKLCH

0.225 0.0582 30.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#320F0A

#0A2D32

Analogous

#320A19

#32230A

#320F0A

Triadic

#320F0A

#0A320F

#0F0A32

Split Complementary

#320F0A

#0A3223

#0A1932

Tetradic

#320F0A

#19320A

#0A2D32

#230A32

Color Blindness Simulation

Original

#320F0A

Protanopia

#23230B

Deuteranopia

#25280C

Tritanopia

#300C0C

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E6E3
200
#F3C9C3
300
#EBA399
400
#E07162
500
#D5402A
600
#AA3322
700
#88291B
800
#6A2015
900
#4E1B13
950
#31110C

Contrast Checker

Text on white

17.38:1

AA Pass AAA Pass

Text on black

1.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026