#ff558d hex color

In a RGB color space, hex #ff558d is composed of 100% red, 33.3% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 44.7% yellow and 0% black. It has a hue angle of 340.2 degrees, a saturation of 100% and a lightness of 66.7%. #ff558d color hex could be obtained by blending #ffaaff with #ff001b. Closest websafe color is: #ff6699.

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

● #ff558d color description : Light pink.

The hexadecimal color #ff558d has RGB values of R:255, G:85, B:141 and CMYK values of C:0, M:0.67, Y:0.45, K:0. Its decimal value is 16733581.

Hex triplet	ff558d	`#ff558d`
RGB Decimal	255, 85, 141	`rgb(255,85,141)`
RGB Percent	100, 33.3, 55.3	`rgb(100%,33.3%,55.3%)`
CMYK	0, 67, 45, 0
HSL	340.2°, 100, 66.7	`hsl(340.2,100%,66.7%)`
HSV (or HSB)	340.2°, 66.7, 100
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.381, 68.187, 5.733
XYZ	49.297, 29.685, 28.332
xyY	0.459, 0.277, 29.685
CIE-LCH	61.381, 68.428, 4.806
CIE-LUV	61.381, 113.627, -5.876
Hunter-Lab	54.484, 66.162, 7.308
Binary	11111111, 01010101, 10001101

#ff558d
```
#ff558d rgb(255,85,141)
```
#55ffc7
```
#55ffc7 rgb(85,255,199)
```

Complementary Color

#ff55e2
```
#ff55e2 rgb(255,85,226)
```
#ff558d
```
#ff558d rgb(255,85,141)
```
#ff7255
```
#ff7255 rgb(255,114,85)
```

Analogous Color

#55e2ff
```
#55e2ff rgb(85,226,255)
```
#ff558d
```
#ff558d rgb(255,85,141)
```
#55ff72
```
#55ff72 rgb(85,255,114)
```

Split Complementary Color

#558dff
```
#558dff rgb(85,141,255)
```
#ff558d
```
#ff558d rgb(255,85,141)
```
#8dff55
```
#8dff55 rgb(141,255,85)
```

Triadic Color

#c755ff
```
#c755ff rgb(199,85,255)
```
#ff558d
```
#ff558d rgb(255,85,141)
```
#8dff55
```
#8dff55 rgb(141,255,85)
```
#55ffc7
```
#55ffc7 rgb(85,255,199)
```

Tetradic Color

#ff085a
```
#ff085a rgb(255,8,90)
```
#ff226b
```
#ff226b rgb(255,34,107)
```
#ff3c7c
```
#ff3c7c rgb(255,60,124)
```
#ff558d
```
#ff558d rgb(255,85,141)
```
#ff6f9e
```
#ff6f9e rgb(255,111,158)
```
#ff88af
```
#ff88af rgb(255,136,175)
```
#ffa2c0
```
#ffa2c0 rgb(255,162,192)
```

Monochromatic Color

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

#ff55b8
```
#ff55b8 rgb(255,85,184)
```
#ff55a9
```
#ff55a9 rgb(255,85,169)
```
#ff559b
```
#ff559b rgb(255,85,155)
```
#ff558d
```
#ff558d rgb(255,85,141)
```
#ff557f
```
#ff557f rgb(255,85,127)
```
#ff5571
```
#ff5571 rgb(255,85,113)
```
#ff5562
```
#ff5562 rgb(255,85,98)
```

Similar Colors

Text with hexadecimal color #ff558d

This text has a font color of #ff558d.

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

#ff558d background color

This paragraph has a background color of #ff558d.

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

#ff558d border color

This element has a border color of #ff558d.

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

CSS codes

.text {color:#ff558d;}

.background {background-color:#ff558d;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#1a0009
```
#1a0009 rgb(26,0,9)
```
#2e000f
```
#2e000f rgb(46,0,15)
```
#410016
```
#410016 rgb(65,0,22)
```
#55001c
```
#55001c rgb(85,0,28)
```
#690022
```
#690022 rgb(105,0,34)
```
#7c0029
```
#7c0029 rgb(124,0,41)
```
#90002f
```
#90002f rgb(144,0,47)
```
#a30036
```
#a30036 rgb(163,0,54)
```
#b7003c
```
#b7003c rgb(183,0,60)
```
#cb0043
```
#cb0043 rgb(203,0,67)
```
#de0049
```
#de0049 rgb(222,0,73)
```
#f20050
```
#f20050 rgb(242,0,80)
```

Shade Color Variation

#ff0758
```
#ff0758 rgb(255,7,88)
```
#ff1a66
```
#ff1a66 rgb(255,26,102)
```
#ff2e73
```
#ff2e73 rgb(255,46,115)
```
#ff4180
```
#ff4180 rgb(255,65,128)
```
#ff558d
```
#ff558d rgb(255,85,141)
```
#ff699a
```
#ff699a rgb(255,105,154)
```
#ff7ca7
```
#ff7ca7 rgb(255,124,167)
```
#ff90b4
```
#ff90b4 rgb(255,144,180)
```
#ffa3c2
```
#ffa3c2 rgb(255,163,194)
```
#ffb7cf
```
#ffb7cf rgb(255,183,207)
```
#ffcbdc
```
#ffcbdc rgb(255,203,220)
```
#ffdee9
```
#ffdee9 rgb(255,222,233)
```
#fff2f6
```
#fff2f6 rgb(255,242,246)
```

Tint Color Variation

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

#b1a3a8
```
#b1a3a8 rgb(177,163,168)
```
#b79da6
```
#b79da6 rgb(183,157,166)
```
#be96a3
```
#be96a3 rgb(190,150,163)
```
#c490a1
```
#c490a1 rgb(196,144,161)
```
#cb899f
```
#cb899f rgb(203,137,159)
```
#d1839d
```
#d1839d rgb(209,131,157)
```
#d87c9a
```
#d87c9a rgb(216,124,154)
```
#de7698
```
#de7698 rgb(222,118,152)
```
#e56f96
```
#e56f96 rgb(229,111,150)
```
#eb6994
```
#eb6994 rgb(235,105,148)
```
#f26291
```
#f26291 rgb(242,98,145)
```
#f85c8f
```
#f85c8f rgb(248,92,143)
```
#ff558d
```
#ff558d rgb(255,85,141)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a5838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9598b0 Protanopia 1% of men
#ae9487 Deuteranopia 1% of men
#fc666c Tritanopia 0.001% of the population

Trichromacy

#bb7fa3 Protanomaly 1% of men, 0.01% of women
#cb7d89 Deuteranomaly 6% of men, 0.4% of women
#fd6078 Tritanomaly 0.01% of the population

#ff558d hex color

#ff558d Color Information

#ff558d Color Conversion

Color Schemes with #ff558d

Alternatives to #ff558d

#ff558d Preview

Shades and Tints of #ff558d

Tones of #ff558d

Color Blindness Simulator