#ff2b5f hex color

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

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

● #ff2b5f color description : Vivid red.

The hexadecimal color #ff2b5f has RGB values of R:255, G:43, B:95 and CMYK values of C:0, M:0.83, Y:0.63, K:0. Its decimal value is 16722783.

Hex triplet	ff2b5f	`#ff2b5f`
RGB Decimal	255, 43, 95	`rgb(255,43,95)`
RGB Percent	100, 16.9, 37.3	`rgb(100%,16.9%,37.3%)`
CMYK	0, 83, 63, 0
HSL	345.3°, 100, 58.4	`hsl(345.3,100%,58.4%)`
HSV (or HSB)	345.3°, 83.1, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.906, 77.35, 25.248
XYZ	44.171, 23.819, 13.098
xyY	0.545, 0.294, 23.819
CIE-LCH	55.906, 81.366, 18.078
CIE-LUV	55.906, 147.56, 13.114
Hunter-Lab	48.805, 76.144, 18.252
Binary	11111111, 00101011, 01011111

#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#2bffcb
```
#2bffcb rgb(43,255,203)
```

Complementary Color

#ff2bc9
```
#ff2bc9 rgb(255,43,201)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#ff612b
```
#ff612b rgb(255,97,43)
```

Analogous Color

#2bc9ff
```
#2bc9ff rgb(43,201,255)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#2bff61
```
#2bff61 rgb(43,255,97)
```

Split Complementary Color

#2b5fff
```
#2b5fff rgb(43,95,255)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#5fff2b
```
#5fff2b rgb(95,255,43)
```

Triadic Color

#cb2bff
```
#cb2bff rgb(203,43,255)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#5fff2b
```
#5fff2b rgb(95,255,43)
```
#2bffcb
```
#2bffcb rgb(43,255,203)
```

Tetradic Color

#de0036
```
#de0036 rgb(222,0,54)
```
#f7003d
```
#f7003d rgb(247,0,61)
```
#ff124c
```
#ff124c rgb(255,18,76)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#ff4572
```
#ff4572 rgb(255,69,114)
```
#ff5e85
```
#ff5e85 rgb(255,94,133)
```
#ff7899
```
#ff7899 rgb(255,120,153)
```

Monochromatic Color

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

#ff2b94
```
#ff2b94 rgb(255,43,148)
```
#ff2b82
```
#ff2b82 rgb(255,43,130)
```
#ff2b71
```
#ff2b71 rgb(255,43,113)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#ff2b4d
```
#ff2b4d rgb(255,43,77)
```
#ff2b3c
```
#ff2b3c rgb(255,43,60)
```
#ff2c2b
```
#ff2c2b rgb(255,44,43)
```

Similar Colors

Text with hexadecimal color #ff2b5f

This text has a font color of #ff2b5f.

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

#ff2b5f background color

This paragraph has a background color of #ff2b5f.

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

#ff2b5f border color

This element has a border color of #ff2b5f.

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

CSS codes

.text {color:#ff2b5f;}

.background {background-color:#ff2b5f;}

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

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 #ffeff3 is the lightest one.

#040001
```
#040001 rgb(4,0,1)
```
#170006
```
#170006 rgb(23,0,6)
```
#2b000b
```
#2b000b rgb(43,0,11)
```
#3f000f
```
#3f000f rgb(63,0,15)
```
#520014
```
#520014 rgb(82,0,20)
```
#660019
```
#660019 rgb(102,0,25)
```
#79001e
```
#79001e rgb(121,0,30)
```
#8d0023
```
#8d0023 rgb(141,0,35)
```
#a10027
```
#a10027 rgb(161,0,39)
```
#b4002c
```
#b4002c rgb(180,0,44)
```
#c80031
```
#c80031 rgb(200,0,49)
```
#dc0036
```
#dc0036 rgb(220,0,54)
```
#ef003b
```
#ef003b rgb(239,0,59)
```

Shade Color Variation

#ff0441
```
#ff0441 rgb(255,4,65)
```
#ff1750
```
#ff1750 rgb(255,23,80)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```
#ff3f6e
```
#ff3f6e rgb(255,63,110)
```
#ff527d
```
#ff527d rgb(255,82,125)
```
#ff668b
```
#ff668b rgb(255,102,139)
```
#ff799a
```
#ff799a rgb(255,121,154)
```
#ff8da9
```
#ff8da9 rgb(255,141,169)
```
#ffa1b8
```
#ffa1b8 rgb(255,161,184)
```
#ffb4c7
```
#ffb4c7 rgb(255,180,199)
```
#ffc8d5
```
#ffc8d5 rgb(255,200,213)
```
#ffdce4
```
#ffdce4 rgb(255,220,228)
```
#ffeff3
```
#ffeff3 rgb(255,239,243)
```

Tint Color Variation

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

#9d8d91
```
#9d8d91 rgb(157,141,145)
```
#a5858d
```
#a5858d rgb(165,133,141)
```
#ad7d89
```
#ad7d89 rgb(173,125,137)
```
#b67484
```
#b67484 rgb(182,116,132)
```
#be6c80
```
#be6c80 rgb(190,108,128)
```
#c6647c
```
#c6647c rgb(198,100,124)
```
#ce5c78
```
#ce5c78 rgb(206,92,120)
```
#d65474
```
#d65474 rgb(214,84,116)
```
#de4c70
```
#de4c70 rgb(222,76,112)
```
#e7436b
```
#e7436b rgb(231,67,107)
```
#ef3b67
```
#ef3b67 rgb(239,59,103)
```
#f73363
```
#f73363 rgb(247,51,99)
```
#ff2b5f
```
#ff2b5f rgb(255,43,95)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8d626d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8b86 Protanopia 1% of men
#a88659 Deuteranopia 1% of men
#fd3f40 Tritanopia 0.001% of the population

Trichromacy

#b86878 Protanomaly 1% of men, 0.01% of women
#c7655b Deuteranomaly 6% of men, 0.4% of women
#fe384b Tritanomaly 0.01% of the population

#ff2b5f hex color

#ff2b5f Color Information

#ff2b5f Color Conversion

Color Schemes with #ff2b5f

Alternatives to #ff2b5f

#ff2b5f Preview

Shades and Tints of #ff2b5f

Tones of #ff2b5f

Color Blindness Simulator