Maroon Colors  ·  Color Library

Palettes / Colors / #FB2D37

#FB2D37 — Vivid Red

#FB2D37 is a red color we call Vivid Red, closest to the named color Crimson (#DC143C). It belongs to the red family.

#FB2D37 is a warm red color associated with energy, passion and urgency. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #2DFBF0; it also sits naturally between #FB2D9E and #FB8A2D. In the palettes below you can see it working alongside real color combinations from our collection.

#FB2D37 · RGB 251, 45, 55

Download PNG swatch SVG

Color values

HEX#FB2D37
RGB251, 45, 55
HSL357°, 96%, 58%
HSV357°, 82%, 98%
CMYK0%, 82%, 78%, 2%
XYZ41.41, 22.66, 5.81
Yxy22.66, 0.5926, 0.3243
CIE-Lab54.72, 74.21, 46.66
Hunter Lab47.60, 75.70, 24.40

RGB & CMYK percentages

Red 98% · Green 18% · Blue 22%

Cyan 0% · Magenta 82% · Yellow 78% · Key 2%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #FB2D37 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #FB2D37 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #FB2D37

.text { color: #FB2D37; }
.background { background-color: #FB2D37; }
.border { border: 3px solid #FB2D37; }
.text-rgb { color: rgb(251, 45, 55); }
.text-hsl { color: hsl(357, 96%, 58%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FB2D37; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(251, 45, 55, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FB2D37; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(251, 45, 55, 0.8); }

HTML: <p style="color:#FB2D37">Text here</p> · <div style="background-color:#FB2D37">Div content here</div>

Shades of #FB2D37

#FA1420#EB0510#D2040F#B4040C#9B030B#820309#640207#4B0205#2D0103#140001

Tints of #FB2D37

#FB414A#FC555D#FC646C#FC787F#FD8C92#FDA0A5#FDB4B8#FEC3C6#FED7D9#FFEBEC

Tones of #FB2D37

#EC3C45#DE4A51#CF595F#C0686C#B1777A#A38586

Color harmonies

Complementary — #2DFBF0:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.80:1 AA large only
Against black text5.53:1 AA

Best text color on #FB2D37: #000000.

How #FB2D37 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #A2A035Deuteranopia · #AEBD34Tritanopia · #F13332

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Red 500 · #F44336Tailwind red 500 · #EF4444Tailwind rose 600 · #E11D48

Palettes with a similar color

These palettes use a close neighbour of #FB2D37 rather than the exact color:

Rustic Ruby Tempest
#25310E · #FC3139 · #FE4A7D · #1CEAF6
Scarlet Ruby Breeze
#071A1E · #8FFE4E · #F8DD45 · #FD3236
Tranquil Dusk
#082028 · #F856F0 · #FA3552 · #FA2635
Palette Ffedce
#FFEDCE · #FFC193 · #FF8383 · #FF3737
Palette 050e3c
#050E3C · #002455 · #DC0000 · #FF3838
Palette 542e71
#542E71 · #FB3640 · #FDCA40 · #A799B7

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#FC3139#FD3236#FA2635#FF3737#FF3838#FB3640#FC373F#FA213C#F62440#F92B29#F8393F#FF2442

Browse neighbouring colors

← #FB2D36  ·  #FB2D38 →

Frequently asked questions

What color is #FB2D37?

#FB2D37 is Vivid Red, a red color (RGB 251, 45, 55). Its closest standard named color is Crimson.

What is the RGB and HSL of #FB2D37?

#FB2D37 is RGB 251, 45, 55 — HSL 357°, 96%, 58% — CMYK 0%, 82%, 78%, 2%.

What colors go with #FB2D37?

Its complement is #2DFBF0; analogous partners are #FB2D9E and #FB8A2D. It also appears in 6+ palettes in our collection.

Can I use #FB2D37 for text?

Black text on #FB2D37 has a contrast ratio of 5.53:1 (passes WCAG AA); white text gives 3.80:1.