#FF1F22 Color

#FF1F22 is rgb(255, 31, 34) in RGB and hsl(359, 100%, 56%) in HSL. The closest CSS named color is Crimson. Black text is most readable on this background.

#FF1F22

HEX#FF1F22

RGBrgb(255, 31, 34)

HSLhsl(359, 100%, 56%)

HSVhsv(359, 88%, 100%)

OKLCHoklch(63.7% 0.249 27.8)

CMYKcmyk(0%, 88%, 87%, 0%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #FF1F22 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.84:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.47:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #FF1F22 based on color wheel relationships. Click any swatch for its full breakdown.

Base#FF1F22 Complementary#1FFFFB Analogous#FF1F93 Analogous#FF8B1F Triadic#22FF1F Triadic#1F22FF

Tints & Shades

Lighter tints and darker shades of #FF1F22, useful for hover states, backgrounds, and text variants.

Tints

#FF3D40 #FF5C5F #FF7A7D #FF999B #FFB8B9 #FFD6D7

Shades

#FA0004 #D10003 #AD0003 #850002 #610002 #380001

Use #FF1F22 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex