#BE2F35

#BE2F35

Color Values

HEX

#BE2F35

RGB

190, 47, 53

HSL

357.5, 60.3%, 46.5%

HSV

357.5, 75.3%, 74.5%

CMYK

0.0%, 75.3%, 72.1%, 25.5%

OKLCH

0.5315 0.1793 23.8

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BE2F35

#2FBEB8

Analogous

#BE2F7D

#BE712F

#BE2F35

Triadic

#BE2F35

#35BE2F

#2F35BE

Split Complementary

#BE2F35

#2FBE71

#2F7DBE

Tetradic

#BE2F35

#7DBE2F

#2FBEB8

#712FBE

Color Blindness Simulation

Original

#BE2F35

Protanopia

#807F34

Deuteranopia

#889333

Tritanopia

#B73232

Achromatopsia

#4E4E4E

CSS Usage

background-color: #BE2F35;
color: #BE2F35;
border-color: #BE2F35;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F1C6C8
300
#E79DA0
400
#DA686C
500
#CC3339
600
#A4282E
700
#832024
800
#66191D
900
#4B1618
950
#2F0E0F

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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