#ff50b3 hex color

In a RGB color space, hex #ff50b3 is composed of 100% red, 31.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 29.8% yellow and 0% black. It has a hue angle of 326.1 degrees, a saturation of 100% and a lightness of 65.7%. #ff50b3 color hex could be obtained by blending #ffa0ff with #ff0067. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 100
- G 31
- B 70
RGB color chart
- C 0
- M 69
- Y 30
- K 0
CMYK color chart

● #ff50b3 color description : Light pink.

The hexadecimal color #ff50b3 has RGB values of R:255, G:80, B:179 and CMYK values of C:0, M:0.69, Y:0.3, K:0. Its decimal value is 16732339.

Hex triplet	ff50b3	`#ff50b3`
RGB Decimal	255, 80, 179	`rgb(255,80,179)`
RGB Percent	100, 31.4, 70.2	`rgb(100%,31.4%,70.2%)`
CMYK	0, 69, 30, 0
HSL	326.1°, 100, 65.7	`hsl(326.1,100%,65.7%)`
HSV (or HSB)	326.1°, 68.6, 100
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.875, 73.914, -15.514
XYZ	52.246, 30.257, 45.734
xyY	0.407, 0.236, 30.257
CIE-LCH	61.875, 75.525, 348.146
CIE-LUV	61.875, 102.175, -36.224
Hunter-Lab	55.006, 73.283, -10.792
Binary	11111111, 01010000, 10110011

#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#50ff9c
```
#50ff9c rgb(80,255,156)
```

Complementary Color

#f450ff
```
#f450ff rgb(244,80,255)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#ff505c
```
#ff505c rgb(255,80,92)
```

Analogous Color

#50fff4
```
#50fff4 rgb(80,255,244)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#5cff50
```
#5cff50 rgb(92,255,80)
```

Split Complementary Color

#50b3ff
```
#50b3ff rgb(80,179,255)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#b3ff50
```
#b3ff50 rgb(179,255,80)
```

Triadic Color

#9c50ff
```
#9c50ff rgb(156,80,255)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#b3ff50
```
#b3ff50 rgb(179,255,80)
```
#50ff9c
```
#50ff9c rgb(80,255,156)
```

Tetradic Color

#ff0392
```
#ff0392 rgb(255,3,146)
```
#ff1d9d
```
#ff1d9d rgb(255,29,157)
```
#ff37a8
```
#ff37a8 rgb(255,55,168)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#ff6abe
```
#ff6abe rgb(255,106,190)
```
#ff83c9
```
#ff83c9 rgb(255,131,201)
```
#ff9dd4
```
#ff9dd4 rgb(255,157,212)
```

Monochromatic Color

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

#ff50df
```
#ff50df rgb(255,80,223)
```
#ff50d0
```
#ff50d0 rgb(255,80,208)
```
#ff50c2
```
#ff50c2 rgb(255,80,194)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#ff50a4
```
#ff50a4 rgb(255,80,164)
```
#ff5096
```
#ff5096 rgb(255,80,150)
```
#ff5087
```
#ff5087 rgb(255,80,135)
```

Similar Colors

Text with hexadecimal color #ff50b3

This text has a font color of #ff50b3.

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

#ff50b3 background color

This paragraph has a background color of #ff50b3.

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

#ff50b3 border color

This element has a border color of #ff50b3.

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

CSS codes

.text {color:#ff50b3;}

.background {background-color:#ff50b3;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#15000c
```
#15000c rgb(21,0,12)
```
#290017
```
#290017 rgb(41,0,23)
```
#3c0022
```
#3c0022 rgb(60,0,34)
```
#50002d
```
#50002d rgb(80,0,45)
```
#640038
```
#640038 rgb(100,0,56)
```
#770043
```
#770043 rgb(119,0,67)
```
#8b004f
```
#8b004f rgb(139,0,79)
```
#9e005a
```
#9e005a rgb(158,0,90)
```
#b20065
```
#b20065 rgb(178,0,101)
```
#c60070
```
#c60070 rgb(198,0,112)
```
#d9007b
```
#d9007b rgb(217,0,123)
```
#ed0086
```
#ed0086 rgb(237,0,134)
```

Shade Color Variation

#ff0291
```
#ff0291 rgb(255,2,145)
```
#ff1599
```
#ff1599 rgb(255,21,153)
```
#ff29a2
```
#ff29a2 rgb(255,41,162)
```
#ff3caa
```
#ff3caa rgb(255,60,170)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```
#ff64bc
```
#ff64bc rgb(255,100,188)
```
#ff77c4
```
#ff77c4 rgb(255,119,196)
```
#ff8bcd
```
#ff8bcd rgb(255,139,205)
```
#ff9ed5
```
#ff9ed5 rgb(255,158,213)
```
#ffb2de
```
#ffb2de rgb(255,178,222)
```
#ffc6e6
```
#ffc6e6 rgb(255,198,230)
```
#ffd9ef
```
#ffd9ef rgb(255,217,239)
```
#ffedf7
```
#ffedf7 rgb(255,237,247)
```

Tint Color Variation

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

#aea1a8
```
#aea1a8 rgb(174,161,168)
```
#b59aa9
```
#b59aa9 rgb(181,154,169)
```
#bc93aa
```
#bc93aa rgb(188,147,170)
```
#c28dab
```
#c28dab rgb(194,141,171)
```
#c986ac
```
#c986ac rgb(201,134,172)
```
#d07fad
```
#d07fad rgb(208,127,173)
```
#d778ae
```
#d778ae rgb(215,120,174)
```
#dd72af
```
#dd72af rgb(221,114,175)
```
#e46baf
```
#e46baf rgb(228,107,175)
```
#eb64b0
```
#eb64b0 rgb(235,100,176)
```
#f25db1
```
#f25db1 rgb(242,93,177)
```
#f857b2
```
#f857b2 rgb(248,87,178)
```
#ff50b3
```
#ff50b3 rgb(255,80,179)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a68397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8298dd Protanopia 1% of men
#a297a9 Deuteranopia 1% of men
#f96b72 Tritanopia 0.001% of the population

Trichromacy

#af7ecd Protanomaly 1% of men, 0.01% of women
#c47dac Deuteranomaly 6% of men, 0.4% of women
#fb6189 Tritanomaly 0.01% of the population

#ff50b3 hex color

#ff50b3 Color Information

#ff50b3 Color Conversion

Color Schemes with #ff50b3

Alternatives to #ff50b3

#ff50b3 Preview

Shades and Tints of #ff50b3

Tones of #ff50b3

Color Blindness Simulator