#ff2b55 hex color

In a RGB color space, hex #ff2b55 is composed of 100% red, 16.9% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.1% magenta, 66.7% yellow and 0% black. It has a hue angle of 348.1 degrees, a saturation of 100% and a lightness of 58.4%. #ff2b55 color hex could be obtained by blending #ff56aa with #ff0000. Closest websafe color is: #ff3366.

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

● #ff2b55 color description : Vivid red.

The hexadecimal color #ff2b55 has RGB values of R:255, G:43, B:85 and CMYK values of C:0, M:0.83, Y:0.67, K:0. Its decimal value is 16722773.

Hex triplet	ff2b55	`#ff2b55`
RGB Decimal	255, 43, 85	`rgb(255,43,85)`
RGB Percent	100, 16.9, 33.3	`rgb(100%,16.9%,33.3%)`
CMYK	0, 83, 67, 0
HSL	348.1°, 100, 58.4	`hsl(348.1,100%,58.4%)`
HSV (or HSB)	348.1°, 83.1, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.735, 76.842, 30.943
XYZ	43.746, 23.649, 10.855
xyY	0.559, 0.302, 23.649
CIE-LCH	55.735, 82.838, 21.934
CIE-LUV	55.735, 150.785, 18.434
Hunter-Lab	48.63, 75.468, 20.807
Binary	11111111, 00101011, 01010101

#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#2bffd5
```
#2bffd5 rgb(43,255,213)
```

Complementary Color

#ff2bbf
```
#ff2bbf rgb(255,43,191)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#ff6b2b
```
#ff6b2b rgb(255,107,43)
```

Analogous Color

#2bbfff
```
#2bbfff rgb(43,191,255)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#2bff6b
```
#2bff6b rgb(43,255,107)
```

Split Complementary Color

#2b55ff
```
#2b55ff rgb(43,85,255)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#55ff2b
```
#55ff2b rgb(85,255,43)
```

Triadic Color

#d52bff
```
#d52bff rgb(213,43,255)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#55ff2b
```
#55ff2b rgb(85,255,43)
```
#2bffd5
```
#2bffd5 rgb(43,255,213)
```

Tetradic Color

#de002c
```
#de002c rgb(222,0,44)
```
#f70031
```
#f70031 rgb(247,0,49)
```
#ff1241
```
#ff1241 rgb(255,18,65)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#ff4569
```
#ff4569 rgb(255,69,105)
```
#ff5e7e
```
#ff5e7e rgb(255,94,126)
```
#ff7892
```
#ff7892 rgb(255,120,146)
```

Monochromatic Color

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

#ff2b8a
```
#ff2b8a rgb(255,43,138)
```
#ff2b78
```
#ff2b78 rgb(255,43,120)
```
#ff2b67
```
#ff2b67 rgb(255,43,103)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#ff2b43
```
#ff2b43 rgb(255,43,67)
```
#ff2b32
```
#ff2b32 rgb(255,43,50)
```
#ff362b
```
#ff362b rgb(255,54,43)
```

Similar Colors

Text with hexadecimal color #ff2b55

This text has a font color of #ff2b55.

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

#ff2b55 background color

This paragraph has a background color of #ff2b55.

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

#ff2b55 border color

This element has a border color of #ff2b55.

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

CSS codes

.text {color:#ff2b55;}

.background {background-color:#ff2b55;}

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

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, #040001 is the darkest color, while #ffeff2 is the lightest one.

#040001
```
#040001 rgb(4,0,1)
```
#170005
```
#170005 rgb(23,0,5)
```
#2b0009
```
#2b0009 rgb(43,0,9)
```
#3f000c
```
#3f000c rgb(63,0,12)
```
#520010
```
#520010 rgb(82,0,16)
```
#660014
```
#660014 rgb(102,0,20)
```
#790018
```
#790018 rgb(121,0,24)
```
#8d001c
```
#8d001c rgb(141,0,28)
```
#a10020
```
#a10020 rgb(161,0,32)
```
#b40024
```
#b40024 rgb(180,0,36)
```
#c80028
```
#c80028 rgb(200,0,40)
```
#dc002b
```
#dc002b rgb(220,0,43)
```
#ef002f
```
#ef002f rgb(239,0,47)
```

Shade Color Variation

#ff0436
```
#ff0436 rgb(255,4,54)
```
#ff1745
```
#ff1745 rgb(255,23,69)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```
#ff3f65
```
#ff3f65 rgb(255,63,101)
```
#ff5274
```
#ff5274 rgb(255,82,116)
```
#ff6684
```
#ff6684 rgb(255,102,132)
```
#ff7994
```
#ff7994 rgb(255,121,148)
```
#ff8da4
```
#ff8da4 rgb(255,141,164)
```
#ffa1b3
```
#ffa1b3 rgb(255,161,179)
```
#ffb4c3
```
#ffb4c3 rgb(255,180,195)
```
#ffc8d3
```
#ffc8d3 rgb(255,200,211)
```
#ffdce3
```
#ffdce3 rgb(255,220,227)
```
#ffeff2
```
#ffeff2 rgb(255,239,242)
```

Tint Color Variation

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

#9d8d90
```
#9d8d90 rgb(157,141,144)
```
#a5858b
```
#a5858b rgb(165,133,139)
```
#ad7d86
```
#ad7d86 rgb(173,125,134)
```
#b67481
```
#b67481 rgb(182,116,129)
```
#be6c7c
```
#be6c7c rgb(190,108,124)
```
#c66477
```
#c66477 rgb(198,100,119)
```
#ce5c73
```
#ce5c73 rgb(206,92,115)
```
#d6546e
```
#d6546e rgb(214,84,110)
```
#de4c69
```
#de4c69 rgb(222,76,105)
```
#e74364
```
#e74364 rgb(231,67,100)
```
#ef3b5f
```
#ef3b5f rgb(239,59,95)
```
#f7335a
```
#f7335a rgb(247,51,90)
```
#ff2b55
```
#ff2b55 rgb(255,43,85)
```

Tone Color Variation

Below, you can see how #ff2b55 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

#6f6f6f Achromatopsia 0.005% of the population
#8c616a Atypical Achromatopsia 0.001% of the population

Dichromacy

#928b7a Protanopia 1% of men
#a98550 Deuteranopia 1% of men
#fd3d3e Tritanopia 0.001% of the population

Trichromacy

#b9686d Protanomaly 1% of men, 0.01% of women
#c86451 Deuteranomaly 6% of men, 0.4% of women
#fe3646 Tritanomaly 0.01% of the population

#ff2b55 hex color

#ff2b55 Color Information

#ff2b55 Color Conversion

Color Schemes with #ff2b55

Alternatives to #ff2b55

#ff2b55 Preview

Shades and Tints of #ff2b55

Tones of #ff2b55

Color Blindness Simulator