#ff3155 hex color

In a RGB color space, hex #ff3155 is composed of 100% red, 19.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 66.7% yellow and 0% black. It has a hue angle of 349.5 degrees, a saturation of 100% and a lightness of 59.6%. #ff3155 color hex could be obtained by blending #ff62aa with #ff0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 100
- G 19
- B 33
RGB color chart
- C 0
- M 81
- Y 67
- K 0
CMYK color chart

● #ff3155 color description : Vivid red.

The hexadecimal color #ff3155 has RGB values of R:255, G:49, B:85 and CMYK values of C:0, M:0.81, Y:0.67, K:0. Its decimal value is 16724309.

Hex triplet	ff3155	`#ff3155`
RGB Decimal	255, 49, 85	`rgb(255,49,85)`
RGB Percent	100, 19.2, 33.3	`rgb(100%,19.2%,33.3%)`
CMYK	0, 81, 67, 0
HSL	349.5°, 100, 59.6	`hsl(349.5,100%,59.6%)`
HSV (or HSB)	349.5°, 80.8, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.206, 75.5, 31.533
XYZ	43.98, 24.118, 10.933
xyY	0.556, 0.305, 24.118
CIE-LCH	56.206, 81.82, 22.668
CIE-LUV	56.206, 148.548, 19.448
Hunter-Lab	49.11, 73.912, 21.177
Binary	11111111, 00110001, 01010101

#ff3155
```
#ff3155 rgb(255,49,85)
```
#31ffdb
```
#31ffdb rgb(49,255,219)
```

Complementary Color

#ff31bc
```
#ff31bc rgb(255,49,188)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```
#ff7431
```
#ff7431 rgb(255,116,49)
```

Analogous Color

#31bcff
```
#31bcff rgb(49,188,255)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```
#31ff74
```
#31ff74 rgb(49,255,116)
```

Split Complementary Color

#3155ff
```
#3155ff rgb(49,85,255)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```
#55ff31
```
#55ff31 rgb(85,255,49)
```

Triadic Color

#db31ff
```
#db31ff rgb(219,49,255)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```
#55ff31
```
#55ff31 rgb(85,255,49)
```
#31ffdb
```
#31ffdb rgb(49,255,219)
```

Tetradic Color

#e40028
```
#e40028 rgb(228,0,40)
```
#fd002c
```
#fd002c rgb(253,0,44)
```
#ff1840
```
#ff1840 rgb(255,24,64)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```
#ff4b6a
```
#ff4b6a rgb(255,75,106)
```
#ff647f
```
#ff647f rgb(255,100,127)
```
#ff7e94
```
#ff7e94 rgb(255,126,148)
```

Monochromatic Color

Below, you can see some colors close to #ff3155. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff3189
```
#ff3189 rgb(255,49,137)
```
#ff3177
```
#ff3177 rgb(255,49,119)
```
#ff3166
```
#ff3166 rgb(255,49,102)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```
#ff3144
```
#ff3144 rgb(255,49,68)
```
#ff3133
```
#ff3133 rgb(255,49,51)
```
#ff4131
```
#ff4131 rgb(255,65,49)
```

Similar Colors

Text with hexadecimal color #ff3155

This text has a font color of #ff3155.

<span style="color:#ff3155;">Text here</span>

#ff3155 background color

This paragraph has a background color of #ff3155.

<p style="background-color:#ff3155;">Content here</p>

#ff3155 border color

This element has a border color of #ff3155.

<div style="border:1px solid #ff3155;">Content here</div>

CSS codes

.text {color:#ff3155;}

.background {background-color:#ff3155;}

.border {border:1px solid #ff3155;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0a0002 is the darkest color, while #fff5f7 is the lightest one.

#0a0002
```
#0a0002 rgb(10,0,2)
```
#1d0005
```
#1d0005 rgb(29,0,5)
```
#310009
```
#310009 rgb(49,0,9)
```
#45000c
```
#45000c rgb(69,0,12)
```
#58000f
```
#58000f rgb(88,0,15)
```
#6c0013
```
#6c0013 rgb(108,0,19)
```
#7f0016
```
#7f0016 rgb(127,0,22)
```
#93001a
```
#93001a rgb(147,0,26)
```
#a7001d
```
#a7001d rgb(167,0,29)
```
#ba0021
```
#ba0021 rgb(186,0,33)
```
#ce0024
```
#ce0024 rgb(206,0,36)
```
#e20027
```
#e20027 rgb(226,0,39)
```
#f5002b
```
#f5002b rgb(245,0,43)
```

Shade Color Variation

#ff0a35
```
#ff0a35 rgb(255,10,53)
```
#ff1d45
```
#ff1d45 rgb(255,29,69)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```
#ff4565
```
#ff4565 rgb(255,69,101)
```
#ff5875
```
#ff5875 rgb(255,88,117)
```
#ff6c86
```
#ff6c86 rgb(255,108,134)
```
#ff7f96
```
#ff7f96 rgb(255,127,150)
```
#ff93a6
```
#ff93a6 rgb(255,147,166)
```
#ffa7b6
```
#ffa7b6 rgb(255,167,182)
```
#ffbac6
```
#ffbac6 rgb(255,186,198)
```
#ffced6
```
#ffced6 rgb(255,206,214)
```
#ffe2e7
```
#ffe2e7 rgb(255,226,231)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a09093 is the less saturated color, while #ff3155 is the most saturated one.

#a09093
```
#a09093 rgb(160,144,147)
```
#a8888e
```
#a8888e rgb(168,136,142)
```
#b08089
```
#b08089 rgb(176,128,137)
```
#b87883
```
#b87883 rgb(184,120,131)
```
#c0707e
```
#c0707e rgb(192,112,126)
```
#c86879
```
#c86879 rgb(200,104,121)
```
#cf6174
```
#cf6174 rgb(207,97,116)
```
#d7596f
```
#d7596f rgb(215,89,111)
```
#df516a
```
#df516a rgb(223,81,106)
```
#e74964
```
#e74964 rgb(231,73,100)
```
#ef415f
```
#ef415f rgb(239,65,95)
```
#f7395a
```
#f7395a rgb(247,57,90)
```
#ff3155
```
#ff3155 rgb(255,49,85)
```

Tone Color Variation

Below, you can see how #ff3155 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#737373 Achromatopsia 0.005% of the population
#8f666d Atypical Achromatopsia 0.001% of the population

Dichromacy

#938c79 Protanopia 1% of men
#ab8650 Deuteranopia 1% of men
#fe4142 Tritanopia 0.001% of the population

Trichromacy

#ba6b6c Protanomaly 1% of men, 0.01% of women
#c96752 Deuteranomaly 6% of men, 0.4% of women
#fe3b49 Tritanomaly 0.01% of the population

#ff3155 hex color

#ff3155 Color Information

#ff3155 Color Conversion

Color Schemes with #ff3155

Alternatives to #ff3155

#ff3155 Preview

Shades and Tints of #ff3155

Tones of #ff3155

Color Blindness Simulator