#BE402F

#BE402F

Color Values

HEX

#BE402F

RGB

190, 64, 47

HSL

7.1, 60.3%, 46.5%

HSV

7.1, 75.3%, 74.5%

CMYK

0.0%, 66.3%, 75.3%, 25.5%

OKLCH

0.5482 0.1648 30.7

Properties

Warm Dark Nearest: tomato 3

Color Harmonies

Complementary

#BE402F

#2FADBE

Analogous

#BE2F66

#BE872F

#BE402F

Triadic

#BE402F

#2FBE40

#402FBE

Split Complementary

#BE402F

#2FBE87

#2F66BE

Tetradic

#BE402F

#66BE2F

#2FADBE

#872FBE

Color Blindness Simulation

Original

#BE402F

Protanopia

#878633

Deuteranopia

#8F9834

Tritanopia

#B83637

Achromatopsia

#5A5A5A

CSS Usage

background-color: #BE402F;
color: #BE402F;
border-color: #BE402F;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF4F3
100
#F6E6E4
200
#F1CBC6
300
#E7A69D
400
#DA7568
500
#CC4533
600
#A43728
700
#832C20
800
#662219
900
#4B1C16
950
#2F120E

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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