Coloried

Orange Red

Orange Red color is a bold shade of red. Its hex code is #FF5349 and rgb code is rgb(255, 83, 73), Its CMYK value is cmyk(0%, 67%, 71%, 0%), and Its HSL value is hsl(3, 100%, 64%). Against white, it has a contrast ratio of 3.19:1, while against black, the contrast ratio is 6.59:1. Its complementary color is #47F6FF and closest tailwind color is red-500. This color goes well with #AD5F00, #AD004E, #610500, #00E07B, and #0065E0. To recreate the Orange Red color, you can mix #FF0000 and #FFA692.

Orange Red color code
|
1. Color Conversions
HEX#FF5349
RGB255, 83, 73
HSL3°, 100%, 64%
HSV3°, 100%, 100%
CMYK0%, 67%, 71%, 0%
Web Safe#FF6633
2. Contrast Ratio
Text on #FFFFFF3.19:1
AAA LargeFail Normal
Text on #0000006.59:1
AAA LargeAAA Normal
3. Orange Red Color Code in CSS
HEX
#FF5349
RGB
rgb(255, 83, 73)
HSL
hsl(3, 100%, 64%)
Text Color
color: #FF5349;
Background
background-color: #FF5349;
Border Color
border-color: #FF5349;
Box Shadow
box-shadow: 0 4px 14px 0 #FF534980;
SCSS
$color-orange-red: #FF5349;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B4B34B
Deuteranopia#BFCB4C
Tritanopia#F64D4E
Achromatopsia#858585
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive