#ff1d54 hex color

In a RGB color space, hex #ff1d54 is composed of 100% red, 11.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.6% magenta, 67.1% yellow and 0% black. It has a hue angle of 345.4 degrees, a saturation of 100% and a lightness of 55.7%. #ff1d54 color hex could be obtained by blending #ff3aa8 with #ff0000. Closest websafe color is: #ff3366.

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

● #ff1d54 color description : Vivid red.

The hexadecimal color #ff1d54 has RGB values of R:255, G:29, B:84 and CMYK values of C:0, M:0.89, Y:0.67, K:0. Its decimal value is 16719188.

Hex triplet	ff1d54	`#ff1d54`
RGB Decimal	255, 29, 84	`rgb(255,29,84)`
RGB Percent	100, 11.4, 32.9	`rgb(100%,11.4%,32.9%)`
CMYK	0, 89, 67, 0
HSL	345.4°, 100, 55.7	`hsl(345.4,100%,55.7%)`
HSV (or HSB)	345.4°, 88.6, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.849, 79.288, 30.422
XYZ	43.282, 22.784, 10.506
xyY	0.565, 0.298, 22.784
CIE-LCH	54.849, 84.924, 20.991
CIE-LUV	54.849, 155.277, 17.06
Hunter-Lab	47.733, 78.322, 20.363
Binary	11111111, 00011101, 01010100

#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#1dffc8
```
#1dffc8 rgb(29,255,200)
```

Complementary Color

#ff1dc5
```
#ff1dc5 rgb(255,29,197)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#ff571d
```
#ff571d rgb(255,87,29)
```

Analogous Color

#1dc5ff
```
#1dc5ff rgb(29,197,255)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#1dff57
```
#1dff57 rgb(29,255,87)
```

Split Complementary Color

#1d54ff
```
#1d54ff rgb(29,84,255)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#54ff1d
```
#54ff1d rgb(84,255,29)
```

Triadic Color

#c81dff
```
#c81dff rgb(200,29,255)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#54ff1d
```
#54ff1d rgb(84,255,29)
```
#1dffc8
```
#1dffc8 rgb(29,255,200)
```

Tetradic Color

#d00032
```
#d00032 rgb(208,0,50)
```
#e90039
```
#e90039 rgb(233,0,57)
```
#ff0341
```
#ff0341 rgb(255,3,65)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#ff3767
```
#ff3767 rgb(255,55,103)
```
#ff507b
```
#ff507b rgb(255,80,123)
```
#ff6a8e
```
#ff6a8e rgb(255,106,142)
```

Monochromatic Color

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

#ff1d8d
```
#ff1d8d rgb(255,29,141)
```
#ff1d7a
```
#ff1d7a rgb(255,29,122)
```
#ff1d67
```
#ff1d67 rgb(255,29,103)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#ff1d41
```
#ff1d41 rgb(255,29,65)
```
#ff1d2e
```
#ff1d2e rgb(255,29,46)
```
#ff1e1d
```
#ff1e1d rgb(255,30,29)
```

Similar Colors

Text with hexadecimal color #ff1d54

This text has a font color of #ff1d54.

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

#ff1d54 background color

This paragraph has a background color of #ff1d54.

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

#ff1d54 border color

This element has a border color of #ff1d54.

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

CSS codes

.text {color:#ff1d54;}

.background {background-color:#ff1d54;}

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

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

#090002
```
#090002 rgb(9,0,2)
```
#1d0007
```
#1d0007 rgb(29,0,7)
```
#31000c
```
#31000c rgb(49,0,12)
```
#440011
```
#440011 rgb(68,0,17)
```
#580015
```
#580015 rgb(88,0,21)
```
#6b001a
```
#6b001a rgb(107,0,26)
```
#7f001f
```
#7f001f rgb(127,0,31)
```
#930024
```
#930024 rgb(147,0,36)
```
#a60028
```
#a60028 rgb(166,0,40)
```
#ba002d
```
#ba002d rgb(186,0,45)
```
#ce0032
```
#ce0032 rgb(206,0,50)
```
#e10037
```
#e10037 rgb(225,0,55)
```
#f5003c
```
#f5003c rgb(245,0,60)
```

Shade Color Variation

#ff0945
```
#ff0945 rgb(255,9,69)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```
#ff3163
```
#ff3163 rgb(255,49,99)
```
#ff4472
```
#ff4472 rgb(255,68,114)
```
#ff5881
```
#ff5881 rgb(255,88,129)
```
#ff6b8f
```
#ff6b8f rgb(255,107,143)
```
#ff7f9e
```
#ff7f9e rgb(255,127,158)
```
#ff93ad
```
#ff93ad rgb(255,147,173)
```
#ffa6bc
```
#ffa6bc rgb(255,166,188)
```
#ffbacb
```
#ffbacb rgb(255,186,203)
```
#ffceda
```
#ffceda rgb(255,206,218)
```
#ffe1e8
```
#ffe1e8 rgb(255,225,232)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

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

#97858a
```
#97858a rgb(151,133,138)
```
#9f7d85
```
#9f7d85 rgb(159,125,133)
```
#a87481
```
#a87481 rgb(168,116,129)
```
#b16b7c
```
#b16b7c rgb(177,107,124)
```
#b96378
```
#b96378 rgb(185,99,120)
```
#c25a73
```
#c25a73 rgb(194,90,115)
```
#cb516f
```
#cb516f rgb(203,81,111)
```
#d4486a
```
#d4486a rgb(212,72,106)
```
#dc4066
```
#dc4066 rgb(220,64,102)
```
#e53761
```
#e53761 rgb(229,55,97)
```
#ee2e5d
```
#ee2e5d rgb(238,46,93)
```
#f62658
```
#f62658 rgb(246,38,88)
```
#ff1d54
```
#ff1d54 rgb(255,29,84)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#855863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f897c Protanopia 1% of men
#a7834e Deuteranopia 1% of men
#fd3433 Tritanopia 0.001% of the population

Trichromacy

#b7616d Protanomaly 1% of men, 0.01% of women
#c75e50 Deuteranomaly 6% of men, 0.4% of women
#fe2b3f Tritanomaly 0.01% of the population

#ff1d54 hex color

#ff1d54 Color Information

#ff1d54 Color Conversion

Color Schemes with #ff1d54

Alternatives to #ff1d54

#ff1d54 Preview

Shades and Tints of #ff1d54

Tones of #ff1d54

Color Blindness Simulator