#ff2a5b hex color

In a RGB color space, hex #ff2a5b is composed of 100% red, 16.5% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 64.3% yellow and 0% black. It has a hue angle of 346.2 degrees, a saturation of 100% and a lightness of 58.2%. #ff2a5b color hex could be obtained by blending #ff54b6 with #ff0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 100
- G 16
- B 36
RGB color chart
- C 0
- M 84
- Y 64
- K 0
CMYK color chart

● #ff2a5b color description : Vivid red.

The hexadecimal color #ff2a5b has RGB values of R:255, G:42, B:91 and CMYK values of C:0, M:0.84, Y:0.64, K:0. Its decimal value is 16722523.

Hex triplet	ff2a5b	`#ff2a5b`
RGB Decimal	255, 42, 91	`rgb(255,42,91)`
RGB Percent	100, 16.5, 35.7	`rgb(100%,16.5%,35.7%)`
CMYK	0, 84, 64, 0
HSL	346.2°, 100, 58.2	`hsl(346.2,100%,58.2%)`
HSV (or HSB)	346.2°, 83.5, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.763, 77.346, 27.435
XYZ	43.958, 23.677, 12.152
xyY	0.551, 0.297, 23.677
CIE-LCH	55.763, 82.067, 19.53
CIE-LUV	55.763, 149.223, 15.143
Hunter-Lab	48.659, 76.105, 19.253
Binary	11111111, 00101010, 01011011

#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#2affce
```
#2affce rgb(42,255,206)
```

Complementary Color

#ff2ac6
```
#ff2ac6 rgb(255,42,198)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#ff642a
```
#ff642a rgb(255,100,42)
```

Analogous Color

#2ac6ff
```
#2ac6ff rgb(42,198,255)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#2aff64
```
#2aff64 rgb(42,255,100)
```

Split Complementary Color

#2a5bff
```
#2a5bff rgb(42,91,255)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#5bff2a
```
#5bff2a rgb(91,255,42)
```

Triadic Color

#ce2aff
```
#ce2aff rgb(206,42,255)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#5bff2a
```
#5bff2a rgb(91,255,42)
```
#2affce
```
#2affce rgb(42,255,206)
```

Tetradic Color

#dd0033
```
#dd0033 rgb(221,0,51)
```
#f60039
```
#f60039 rgb(246,0,57)
```
#ff1147
```
#ff1147 rgb(255,17,71)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#ff446f
```
#ff446f rgb(255,68,111)
```
#ff5d82
```
#ff5d82 rgb(255,93,130)
```
#ff7796
```
#ff7796 rgb(255,119,150)
```

Monochromatic Color

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

#ff2a90
```
#ff2a90 rgb(255,42,144)
```
#ff2a7f
```
#ff2a7f rgb(255,42,127)
```
#ff2a6d
```
#ff2a6d rgb(255,42,109)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#ff2a49
```
#ff2a49 rgb(255,42,73)
```
#ff2a38
```
#ff2a38 rgb(255,42,56)
```
#ff2e2a
```
#ff2e2a rgb(255,46,42)
```

Similar Colors

Text with hexadecimal color #ff2a5b

This text has a font color of #ff2a5b.

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

#ff2a5b background color

This paragraph has a background color of #ff2a5b.

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

#ff2a5b border color

This element has a border color of #ff2a5b.

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

CSS codes

.text {color:#ff2a5b;}

.background {background-color:#ff2a5b;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#160005
```
#160005 rgb(22,0,5)
```
#2a000a
```
#2a000a rgb(42,0,10)
```
#3e000e
```
#3e000e rgb(62,0,14)
```
#510013
```
#510013 rgb(81,0,19)
```
#650017
```
#650017 rgb(101,0,23)
```
#78001c
```
#78001c rgb(120,0,28)
```
#8c0020
```
#8c0020 rgb(140,0,32)
```
#a00025
```
#a00025 rgb(160,0,37)
```
#b30029
```
#b30029 rgb(179,0,41)
```
#c7002e
```
#c7002e rgb(199,0,46)
```
#db0032
```
#db0032 rgb(219,0,50)
```
#ee0037
```
#ee0037 rgb(238,0,55)
```

Shade Color Variation

#ff033d
```
#ff033d rgb(255,3,61)
```
#ff164c
```
#ff164c rgb(255,22,76)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```
#ff3e6a
```
#ff3e6a rgb(255,62,106)
```
#ff5179
```
#ff5179 rgb(255,81,121)
```
#ff6588
```
#ff6588 rgb(255,101,136)
```
#ff7897
```
#ff7897 rgb(255,120,151)
```
#ff8ca7
```
#ff8ca7 rgb(255,140,167)
```
#ffa0b6
```
#ffa0b6 rgb(255,160,182)
```
#ffb3c5
```
#ffb3c5 rgb(255,179,197)
```
#ffc7d4
```
#ffc7d4 rgb(255,199,212)
```
#ffdbe3
```
#ffdbe3 rgb(255,219,227)
```
#ffeef2
```
#ffeef2 rgb(255,238,242)
```

Tint Color Variation

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

#9d8c90
```
#9d8c90 rgb(157,140,144)
```
#a5848c
```
#a5848c rgb(165,132,140)
```
#ad7c87
```
#ad7c87 rgb(173,124,135)
```
#b57483
```
#b57483 rgb(181,116,131)
```
#bd6c7e
```
#bd6c7e rgb(189,108,126)
```
#c6637a
```
#c6637a rgb(198,99,122)
```
#ce5b76
```
#ce5b76 rgb(206,91,118)
```
#d65371
```
#d65371 rgb(214,83,113)
```
#de4b6d
```
#de4b6d rgb(222,75,109)
```
#e64368
```
#e64368 rgb(230,67,104)
```
#ef3a64
```
#ef3a64 rgb(239,58,100)
```
#f7325f
```
#f7325f rgb(247,50,95)
```
#ff2a5b
```
#ff2a5b rgb(255,42,91)
```

Tone Color Variation

Below, you can see how #ff2a5b 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
#8c616b Atypical Achromatopsia 0.001% of the population

Dichromacy

#908b82 Protanopia 1% of men
#a88556 Deuteranopia 1% of men
#fd3e3e Tritanopia 0.001% of the population

Trichromacy

#b86773 Protanomaly 1% of men, 0.01% of women
#c86457 Deuteranomaly 6% of men, 0.4% of women
#fe3649 Tritanomaly 0.01% of the population

#ff2a5b hex color

#ff2a5b Color Information

#ff2a5b Color Conversion

Color Schemes with #ff2a5b

Alternatives to #ff2a5b

#ff2a5b Preview

Shades and Tints of #ff2a5b

Tones of #ff2a5b

Color Blindness Simulator