#ff2b56 hex color

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

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

● #ff2b56 color description : Vivid red.

The hexadecimal color #ff2b56 has RGB values of R:255, G:43, B:86 and CMYK values of C:0, M:0.83, Y:0.66, K:0. Its decimal value is 16722774.

Hex triplet	ff2b56	`#ff2b56`
RGB Decimal	255, 43, 86	`rgb(255,43,86)`
RGB Percent	100, 16.9, 33.7	`rgb(100%,16.9%,33.7%)`
CMYK	0, 83, 66, 0
HSL	347.8°, 100, 58.4	`hsl(347.8,100%,58.4%)`
HSV (or HSB)	347.8°, 83.1, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.751, 76.89, 30.374
XYZ	43.786, 23.665, 11.066
xyY	0.558, 0.301, 23.665
CIE-LCH	55.751, 82.672, 21.556
CIE-LUV	55.751, 150.476, 17.925
Hunter-Lab	48.647, 75.531, 20.566
Binary	11111111, 00101011, 01010110

#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#2bffd4
```
#2bffd4 rgb(43,255,212)
```

Complementary Color

#ff2bc0
```
#ff2bc0 rgb(255,43,192)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#ff6a2b
```
#ff6a2b rgb(255,106,43)
```

Analogous Color

#2bc0ff
```
#2bc0ff rgb(43,192,255)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#2bff6a
```
#2bff6a rgb(43,255,106)
```

Split Complementary Color

#2b56ff
```
#2b56ff rgb(43,86,255)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#56ff2b
```
#56ff2b rgb(86,255,43)
```

Triadic Color

#d42bff
```
#d42bff rgb(212,43,255)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#56ff2b
```
#56ff2b rgb(86,255,43)
```
#2bffd4
```
#2bffd4 rgb(43,255,212)
```

Tetradic Color

#de002d
```
#de002d rgb(222,0,45)
```
#f70032
```
#f70032 rgb(247,0,50)
```
#ff1242
```
#ff1242 rgb(255,18,66)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#ff456a
```
#ff456a rgb(255,69,106)
```
#ff5e7f
```
#ff5e7f rgb(255,94,127)
```
#ff7893
```
#ff7893 rgb(255,120,147)
```

Monochromatic Color

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

#ff2b8b
```
#ff2b8b rgb(255,43,139)
```
#ff2b79
```
#ff2b79 rgb(255,43,121)
```
#ff2b68
```
#ff2b68 rgb(255,43,104)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#ff2b44
```
#ff2b44 rgb(255,43,68)
```
#ff2b33
```
#ff2b33 rgb(255,43,51)
```
#ff352b
```
#ff352b rgb(255,53,43)
```

Similar Colors

Text with hexadecimal color #ff2b56

This text has a font color of #ff2b56.

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

#ff2b56 background color

This paragraph has a background color of #ff2b56.

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

#ff2b56 border color

This element has a border color of #ff2b56.

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

CSS codes

.text {color:#ff2b56;}

.background {background-color:#ff2b56;}

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

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)
```
#3f000d
```
#3f000d rgb(63,0,13)
```
#520011
```
#520011 rgb(82,0,17)
```
#660015
```
#660015 rgb(102,0,21)
```
#790019
```
#790019 rgb(121,0,25)
```
#8d001d
```
#8d001d rgb(141,0,29)
```
#a10021
```
#a10021 rgb(161,0,33)
```
#b40025
```
#b40025 rgb(180,0,37)
```
#c80029
```
#c80029 rgb(200,0,41)
```
#dc002d
```
#dc002d rgb(220,0,45)
```
#ef0031
```
#ef0031 rgb(239,0,49)
```

Shade Color Variation

#ff0437
```
#ff0437 rgb(255,4,55)
```
#ff1746
```
#ff1746 rgb(255,23,70)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```
#ff3f66
```
#ff3f66 rgb(255,63,102)
```
#ff5275
```
#ff5275 rgb(255,82,117)
```
#ff6685
```
#ff6685 rgb(255,102,133)
```
#ff7995
```
#ff7995 rgb(255,121,149)
```
#ff8da4
```
#ff8da4 rgb(255,141,164)
```
#ffa1b4
```
#ffa1b4 rgb(255,161,180)
```
#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 #ff2b56 is the most saturated one.

#9d8d90
```
#9d8d90 rgb(157,141,144)
```
#a5858b
```
#a5858b rgb(165,133,139)
```
#ad7d86
```
#ad7d86 rgb(173,125,134)
```
#b67482
```
#b67482 rgb(182,116,130)
```
#be6c7d
```
#be6c7d rgb(190,108,125)
```
#c66478
```
#c66478 rgb(198,100,120)
```
#ce5c73
```
#ce5c73 rgb(206,92,115)
```
#d6546e
```
#d6546e rgb(214,84,110)
```
#de4c69
```
#de4c69 rgb(222,76,105)
```
#e74365
```
#e74365 rgb(231,67,101)
```
#ef3b60
```
#ef3b60 rgb(239,59,96)
```
#f7335b
```
#f7335b rgb(247,51,91)
```
#ff2b56
```
#ff2b56 rgb(255,43,86)
```

Tone Color Variation

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

#928b7c Protanopia 1% of men
#a98551 Deuteranopia 1% of men
#fd3d3e Tritanopia 0.001% of the population

Trichromacy

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

#ff2b56 hex color

#ff2b56 Color Information

#ff2b56 Color Conversion

Color Schemes with #ff2b56

Alternatives to #ff2b56

#ff2b56 Preview

Shades and Tints of #ff2b56

Tones of #ff2b56

Color Blindness Simulator