colorhexa.com

#fd5481 hex color

In a RGB color space, hex #fd5481 is composed of 99.2% red, 32.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.8% magenta, 49% yellow and 0.8% black. It has a hue angle of 344 degrees, a saturation of 97.7% and a lightness of 66.1%. #fd5481 color hex could be obtained by blending #ffa8ff with #fb0003. Closest websafe color is: #ff6699.

- R 99
- G 33
- B 51
RGB color chart
- C 0
- M 67
- Y 49
- K 1
CMYK color chart

● #fd5481 color description : Soft pink.

The hexadecimal color #fd5481 has RGB values of R:253, G:84, B:129 and CMYK values of C:0, M:0.67, Y:0.49, K:0.01. Its decimal value is 16602241.

Hex triplet	fd5481	`#fd5481`
RGB Decimal	253, 84, 129	`rgb(253,84,129)`
RGB Percent	99.2, 32.9, 50.6	`rgb(99.2%,32.9%,50.6%)`
CMYK	0, 67, 49, 1
HSL	344°, 97.7, 66.1	`hsl(344,97.7%,66.1%)`
HSV (or HSB)	344°, 66.8, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.616, 66.938, 11.586
XYZ	47.642, 28.813, 23.82
xyY	0.475, 0.287, 28.813
CIE-LCH	60.616, 67.933, 9.82
CIE-LUV	60.616, 116.493, 1.607
Hunter-Lab	53.678, 64.493, 11.264
Binary	11111101, 01010100, 10000001

#fd5481
```
#fd5481 rgb(253,84,129)
```
#54fdd0
```
#54fdd0 rgb(84,253,208)
```

Complementary Color

#fd54d6
```
#fd54d6 rgb(253,84,214)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```
#fd7c54
```
#fd7c54 rgb(253,124,84)
```

Analogous Color

#54d6fd
```
#54d6fd rgb(84,214,253)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```
#54fd7c
```
#54fd7c rgb(84,253,124)
```

Split Complementary Color

#5481fd
```
#5481fd rgb(84,129,253)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```
#81fd54
```
#81fd54 rgb(129,253,84)
```

Triadic Color

#d054fd
```
#d054fd rgb(208,84,253)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```
#81fd54
```
#81fd54 rgb(129,253,84)
```
#54fdd0
```
#54fdd0 rgb(84,253,208)
```

Tetradic Color

#fc0849
```
#fc0849 rgb(252,8,73)
```
#fc225c
```
#fc225c rgb(252,34,92)
```
#fd3b6e
```
#fd3b6e rgb(253,59,110)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```
#fd6d94
```
#fd6d94 rgb(253,109,148)
```
#fe86a6
```
#fe86a6 rgb(254,134,166)
```
#fea0b9
```
#fea0b9 rgb(254,160,185)
```

Monochromatic Color

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

#fd54ab
```
#fd54ab rgb(253,84,171)
```
#fd549d
```
#fd549d rgb(253,84,157)
```
#fd548f
```
#fd548f rgb(253,84,143)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```
#fd5473
```
#fd5473 rgb(253,84,115)
```
#fd5465
```
#fd5465 rgb(253,84,101)
```
#fd5457
```
#fd5457 rgb(253,84,87)
```

Similar Colors

Text with hexadecimal color #fd5481

This text has a font color of #fd5481.

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

#fd5481 background color

This paragraph has a background color of #fd5481.

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

#fd5481 border color

This element has a border color of #fd5481.

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

CSS codes

.text {color:#fd5481;}

.background {background-color:#fd5481;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#170006
```
#170006 rgb(23,0,6)
```
#2a000c
```
#2a000c rgb(42,0,12)
```
#3e0111
```
#3e0111 rgb(62,1,17)
```
#510116
```
#510116 rgb(81,1,22)
```
#64011c
```
#64011c rgb(100,1,28)
```
#780121
```
#780121 rgb(120,1,33)
```
#8b0226
```
#8b0226 rgb(139,2,38)
```
#9f022c
```
#9f022c rgb(159,2,44)
```
#b20231
```
#b20231 rgb(178,2,49)
```
#c50236
```
#c50236 rgb(197,2,54)
```
#d9033c
```
#d9033c rgb(217,3,60)
```
#ec0341
```
#ec0341 rgb(236,3,65)
```

Shade Color Variation

#fc0648
```
#fc0648 rgb(252,6,72)
```
#fc1a56
```
#fc1a56 rgb(252,26,86)
```
#fd2d64
```
#fd2d64 rgb(253,45,100)
```
#fd4173
```
#fd4173 rgb(253,65,115)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```
#fd678f
```
#fd678f rgb(253,103,143)
```
#fd7b9e
```
#fd7b9e rgb(253,123,158)
```
#fe8eac
```
#fe8eac rgb(254,142,172)
```
#fea2ba
```
#fea2ba rgb(254,162,186)
```
#feb5c8
```
#feb5c8 rgb(254,181,200)
```
#fec8d7
```
#fec8d7 rgb(254,200,215)
```
#ffdce5
```
#ffdce5 rgb(255,220,229)
```
#ffeff3
```
#ffeff3 rgb(255,239,243)
```

Tint Color Variation

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

#ada4a6
```
#ada4a6 rgb(173,164,166)
```
#b49da3
```
#b49da3 rgb(180,157,163)
```
#ba97a0
```
#ba97a0 rgb(186,151,160)
```
#c1909d
```
#c1909d rgb(193,144,157)
```
#c8899a
```
#c8899a rgb(200,137,154)
```
#ce8397
```
#ce8397 rgb(206,131,151)
```
#d57c94
```
#d57c94 rgb(213,124,148)
```
#dc7591
```
#dc7591 rgb(220,117,145)
```
#e26f8d
```
#e26f8d rgb(226,111,141)
```
#e9688a
```
#e9688a rgb(233,104,138)
```
#f06187
```
#f06187 rgb(240,97,135)
```
#f65b84
```
#f65b84 rgb(246,91,132)
```
#fd5481
```
#fd5481 rgb(253,84,129)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a3818a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9696a2 Protanopia 1% of men
#af927c Deuteranopia 1% of men
#fb6368 Tritanopia 0.001% of the population

Trichromacy

#bc7e96 Protanomaly 1% of men, 0.01% of women
#cb7b7e Deuteranomaly 6% of men, 0.4% of women
#fb5d71 Tritanomaly 0.01% of the population