#fd157a hex color

In a RGB color space, hex #fd157a is composed of 99.2% red, 8.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.7% magenta, 51.8% yellow and 0.8% black. It has a hue angle of 333.9 degrees, a saturation of 98.3% and a lightness of 53.7%. #fd157a color hex could be obtained by blending #ff2af4 with #fb0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 99
- G 8
- B 48
RGB color chart
- C 0
- M 92
- Y 52
- K 1
CMYK color chart

● #fd157a color description : Vivid pink.

The hexadecimal color #fd157a has RGB values of R:253, G:21, B:122 and CMYK values of C:0, M:0.92, Y:0.52, K:0.01. Its decimal value is 16586106.

Hex triplet	fd157a	`#fd157a`
RGB Decimal	253, 21, 122	`rgb(253,21,122)`
RGB Percent	99.2, 8.2, 47.8	`rgb(99.2%,8.2%,47.8%)`
CMYK	0, 92, 52, 1
HSL	333.9°, 98.3, 53.7	`hsl(333.9,98.3%,53.7%)`
HSV (or HSB)	333.9°, 91.7, 99.2
Web Safe	ff0066	`#ff0066`

CIE-LAB	54.896, 82.053, 7.632
XYZ	44.291, 22.829, 20.486
xyY	0.506, 0.261, 22.829
CIE-LCH	54.896, 82.407, 5.314
CIE-LUV	54.896, 140.908, -7.068
Hunter-Lab	47.78, 81.849, 8.025
Binary	11111101, 00010101, 01111010

#fd157a
```
#fd157a rgb(253,21,122)
```
#15fd98
```
#15fd98 rgb(21,253,152)
```

Complementary Color

#fd15ee
```
#fd15ee rgb(253,21,238)
```
#fd157a
```
#fd157a rgb(253,21,122)
```
#fd2415
```
#fd2415 rgb(253,36,21)
```

Analogous Color

#15eefd
```
#15eefd rgb(21,238,253)
```
#fd157a
```
#fd157a rgb(253,21,122)
```
#15fd24
```
#15fd24 rgb(21,253,36)
```

Split Complementary Color

#157afd
```
#157afd rgb(21,122,253)
```
#fd157a
```
#fd157a rgb(253,21,122)
```
#7afd15
```
#7afd15 rgb(122,253,21)
```

Triadic Color

#9815fd
```
#9815fd rgb(152,21,253)
```
#fd157a
```
#fd157a rgb(253,21,122)
```
#7afd15
```
#7afd15 rgb(122,253,21)
```
#15fd98
```
#15fd98 rgb(21,253,152)
```

Tetradic Color

#c40256
```
#c40256 rgb(196,2,86)
```
#dd0261
```
#dd0261 rgb(221,2,97)
```
#f6026c
```
#f6026c rgb(246,2,108)
```
#fd157a
```
#fd157a rgb(253,21,122)
```
#fd2e88
```
#fd2e88 rgb(253,46,136)
```
#fd4897
```
#fd4897 rgb(253,72,151)
```
#fe61a5
```
#fe61a5 rgb(254,97,165)
```

Monochromatic Color

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

#fd15b4
```
#fd15b4 rgb(253,21,180)
```
#fd15a1
```
#fd15a1 rgb(253,21,161)
```
#fd158d
```
#fd158d rgb(253,21,141)
```
#fd157a
```
#fd157a rgb(253,21,122)
```
#fd1567
```
#fd1567 rgb(253,21,103)
```
#fd1553
```
#fd1553 rgb(253,21,83)
```
#fd1540
```
#fd1540 rgb(253,21,64)
```

Similar Colors

Text with hexadecimal color #fd157a

This text has a font color of #fd157a.

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

#fd157a background color

This paragraph has a background color of #fd157a.

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

#fd157a border color

This element has a border color of #fd157a.

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

CSS codes

.text {color:#fd157a;}

.background {background-color:#fd157a;}

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

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

#130008
```
#130008 rgb(19,0,8)
```
#260011
```
#260011 rgb(38,0,17)
```
#3a0019
```
#3a0019 rgb(58,0,25)
```
#4d0122
```
#4d0122 rgb(77,1,34)
```
#61012b
```
#61012b rgb(97,1,43)
```
#740133
```
#740133 rgb(116,1,51)
```
#88013c
```
#88013c rgb(136,1,60)
```
#9b0144
```
#9b0144 rgb(155,1,68)
```
#ae014d
```
#ae014d rgb(174,1,77)
```
#c20255
```
#c20255 rgb(194,2,85)
```
#d5025e
```
#d5025e rgb(213,2,94)
```
#e90266
```
#e90266 rgb(233,2,102)
```
#fc026f
```
#fc026f rgb(252,2,111)
```

Shade Color Variation

#fd157a
```
#fd157a rgb(253,21,122)
```
#fd2885
```
#fd2885 rgb(253,40,133)
```
#fd3c90
```
#fd3c90 rgb(253,60,144)
```
#fd4f9b
```
#fd4f9b rgb(253,79,155)
```
#fe63a6
```
#fe63a6 rgb(254,99,166)
```
#fe76b1
```
#fe76b1 rgb(254,118,177)
```
#fe8abc
```
#fe8abc rgb(254,138,188)
```
#fe9dc7
```
#fe9dc7 rgb(254,157,199)
```
#feb1d2
```
#feb1d2 rgb(254,177,210)
```
#fec4dd
```
#fec4dd rgb(254,196,221)
```
#ffd7e9
```
#ffd7e9 rgb(255,215,233)
```
#ffebf4
```
#ffebf4 rgb(255,235,244)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#908288
```
#908288 rgb(144,130,136)
```
#997987
```
#997987 rgb(153,121,135)
```
#a27086
```
#a27086 rgb(162,112,134)
```
#ab6785
```
#ab6785 rgb(171,103,133)
```
#b45e83
```
#b45e83 rgb(180,94,131)
```
#bd5582
```
#bd5582 rgb(189,85,130)
```
#c74b81
```
#c74b81 rgb(199,75,129)
```
#d04280
```
#d04280 rgb(208,66,128)
```
#d9397f
```
#d9397f rgb(217,57,127)
```
#e2307e
```
#e2307e rgb(226,48,126)
```
#eb277c
```
#eb277c rgb(235,39,124)
```
#f41e7b
```
#f41e7b rgb(244,30,123)
```
#fd157a
```
#fd157a rgb(253,21,122)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#84566a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8088ab Protanopia 1% of men
#9e8472 Deuteranopia 1% of men
#fa3c3d Tritanopia 0.001% of the population

Trichromacy

#ad5e99 Protanomaly 1% of men, 0.01% of women
#c15c75 Deuteranomaly 6% of men, 0.4% of women
#fb2e53 Tritanomaly 0.01% of the population

#fd157a hex color

#fd157a Color Information

#fd157a Color Conversion

Color Schemes with #fd157a

Alternatives to #fd157a

#fd157a Preview

Shades and Tints of #fd157a

Tones of #fd157a

Color Blindness Simulator