Radical Red

#FF355E
RGB
255, 53, 94
HSL
348°, 100%, 60%
CMYK
0, 79, 63, 0
HSV
348°, 79%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF355E color: #FF355E;
RGB 255, 53, 94 color: rgb(255, 53, 94);
RGB Percentage 100%, 21%, 37% color: rgb(100%, 21%, 37%);
CMYK 0%, 79%, 63%, 0% Not supported in CSS
HSL 348°, 100%, 60% color: hsl(348, 100%, 60%);
HSV 348°, 79%, 100% Not supported in CSS
CIE-LAB 48, 40, -14 color: lab(48% 40 -14);
Decimal 16725342 Not supported in CSS

Color Variations

Shades

#FF335C
#FF1443
#F50031
#D6002B
#B80025
#99001F
#7A0018
#5C0012

Tints

#FFC2CE
#FFADBE
#FF99AD
#FF859D
#FF708D
#FF5C7C
#FF476C
#FF335C

Tones

#FF335C
#F53D62
#EB4768
#E0526E
#D65C74
#CC667A
#C27081
#B87A87

Hues

#FF335C
#FFA333
#C2FF33
#33FF3D
#33FFD6
#338FFF
#7033FF
#FF33F5

Color Harmonies

Analogous

#FF33C2
Click to copy
Purple
77%
#FF355E
Click to copy
Radical red
100%
#FF7033
Click to copy
Red
83%

Complementary

#FF355E
Click to copy
Radical red
100%
#33FFD6
Click to copy
Cyan
29%

Split Complementary

#FF355E
Click to copy
Radical red
100%
#33FF70
Click to copy
Green
35%
#33C2FF
Click to copy
Cyan
33%

Triadic

#FF355E
Click to copy
Radical red
100%
#5CFF33
Click to copy
Green
40%
#335CFF
Click to copy
Blue
40%

Tetradic

#FF355E
Click to copy
Radical red
100%
#C2FF33
Click to copy
Yellow
51%
#33FFD6
Click to copy
Cyan
29%
#7033FF
Click to copy
Blue
51%

Square

#FF355E
Click to copy
Radical red
100%
#C2FF33
Click to copy
Yellow
51%
#33FFD6
Click to copy
Cyan
29%
#7033FF
Click to copy
Blue
51%

CSS & Dev Snippets

CSS
.radical-red {
  color: #FF355E;
}
SCSS
$radical-red: #FF355E;
RGB
rgb(255, 53, 94)

Accessibility & Contrast

White background

3.55:1
3.55
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.92:1
5.92
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags