#ff5ba4 hex color

In a RGB color space, hex #ff5ba4 is composed of 100% red, 35.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 35.7% yellow and 0% black. It has a hue angle of 333.3 degrees, a saturation of 100% and a lightness of 67.8%. #ff5ba4 color hex could be obtained by blending #ffb6ff with #ff0049. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 100
- G 36
- B 64
RGB color chart
- C 0
- M 64
- Y 36
- K 0
CMYK color chart

● #ff5ba4 color description : Light pink.

The hexadecimal color #ff5ba4 has RGB values of R:255, G:91, B:164 and CMYK values of C:0, M:0.64, Y:0.36, K:0. Its decimal value is 16735140.

Hex triplet	ff5ba4	`#ff5ba4`
RGB Decimal	255, 91, 164	`rgb(255,91,164)`
RGB Percent	100, 35.7, 64.3	`rgb(100%,35.7%,64.3%)`
CMYK	0, 64, 36, 0
HSL	333.3°, 100, 67.8	`hsl(333.3,100%,67.8%)`
HSV (or HSB)	333.3°, 64.3, 100
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.867, 68.163, -5.406
XYZ	51.683, 31.427, 38.464
xyY	0.425, 0.259, 31.427
CIE-LCH	62.867, 68.377, 355.466
CIE-LUV	62.867, 102.931, -20.711
Hunter-Lab	56.06, 66.458, -1.439
Binary	11111111, 01011011, 10100100

#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#5bffb6
```
#5bffb6 rgb(91,255,182)
```

Complementary Color

#ff5bf6
```
#ff5bf6 rgb(255,91,246)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#ff645b
```
#ff645b rgb(255,100,91)
```

Analogous Color

#5bf6ff
```
#5bf6ff rgb(91,246,255)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#5bff64
```
#5bff64 rgb(91,255,100)
```

Split Complementary Color

#5ba4ff
```
#5ba4ff rgb(91,164,255)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#a4ff5b
```
#a4ff5b rgb(164,255,91)
```

Triadic Color

#b65bff
```
#b65bff rgb(182,91,255)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#a4ff5b
```
#a4ff5b rgb(164,255,91)
```
#5bffb6
```
#5bffb6 rgb(91,255,182)
```

Tetradic Color

#ff0f7a
```
#ff0f7a rgb(255,15,122)
```
#ff2888
```
#ff2888 rgb(255,40,136)
```
#ff4296
```
#ff4296 rgb(255,66,150)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#ff75b2
```
#ff75b2 rgb(255,117,178)
```
#ff8ec0
```
#ff8ec0 rgb(255,142,192)
```
#ffa8ce
```
#ffa8ce rgb(255,168,206)
```

Monochromatic Color

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

#ff5bcd
```
#ff5bcd rgb(255,91,205)
```
#ff5bbf
```
#ff5bbf rgb(255,91,191)
```
#ff5bb2
```
#ff5bb2 rgb(255,91,178)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#ff5b96
```
#ff5b96 rgb(255,91,150)
```
#ff5b89
```
#ff5b89 rgb(255,91,137)
```
#ff5b7b
```
#ff5b7b rgb(255,91,123)
```

Similar Colors

Text with hexadecimal color #ff5ba4

This text has a font color of #ff5ba4.

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

#ff5ba4 background color

This paragraph has a background color of #ff5ba4.

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

#ff5ba4 border color

This element has a border color of #ff5ba4.

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

CSS codes

.text {color:#ff5ba4;}

.background {background-color:#ff5ba4;}

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

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, #0d0006 is the darkest color, while #fff8fb is the lightest one.

#0d0006
```
#0d0006 rgb(13,0,6)
```
#20000e
```
#20000e rgb(32,0,14)
```
#340017
```
#340017 rgb(52,0,23)
```
#470020
```
#470020 rgb(71,0,32)
```
#5b0029
```
#5b0029 rgb(91,0,41)
```
#6f0031
```
#6f0031 rgb(111,0,49)
```
#82003a
```
#82003a rgb(130,0,58)
```
#960043
```
#960043 rgb(150,0,67)
```
#a9004b
```
#a9004b rgb(169,0,75)
```
#bd0054
```
#bd0054 rgb(189,0,84)
```
#d1005d
```
#d1005d rgb(209,0,93)
```
#e40066
```
#e40066 rgb(228,0,102)
```
#f8006e
```
#f8006e rgb(248,0,110)
```

Shade Color Variation

#ff0d78
```
#ff0d78 rgb(255,13,120)
```
#ff2083
```
#ff2083 rgb(255,32,131)
```
#ff348e
```
#ff348e rgb(255,52,142)
```
#ff4799
```
#ff4799 rgb(255,71,153)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```
#ff6faf
```
#ff6faf rgb(255,111,175)
```
#ff82ba
```
#ff82ba rgb(255,130,186)
```
#ff96c5
```
#ff96c5 rgb(255,150,197)
```
#ffa9d0
```
#ffa9d0 rgb(255,169,208)
```
#ffbdda
```
#ffbdda rgb(255,189,218)
```
#ffd1e5
```
#ffd1e5 rgb(255,209,229)
```
#ffe4f0
```
#ffe4f0 rgb(255,228,240)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#b3a7ac
```
#b3a7ac rgb(179,167,172)
```
#baa0ac
```
#baa0ac rgb(186,160,172)
```
#c09aab
```
#c09aab rgb(192,154,171)
```
#c694aa
```
#c694aa rgb(198,148,170)
```
#cd8daa
```
#cd8daa rgb(205,141,170)
```
#d387a9
```
#d387a9 rgb(211,135,169)
```
#d981a8
```
#d981a8 rgb(217,129,168)
```
#df7ba7
```
#df7ba7 rgb(223,123,167)
```
#e674a7
```
#e674a7 rgb(230,116,167)
```
#ec6ea6
```
#ec6ea6 rgb(236,110,166)
```
#f268a5
```
#f268a5 rgb(242,104,165)
```
#f961a5
```
#f961a5 rgb(249,97,165)
```
#ff5ba4
```
#ff5ba4 rgb(255,91,164)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a98997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#909bc8 Protanopia 1% of men
#ac989c Deuteranopia 1% of men
#fa6f76 Tritanopia 0.001% of the population

Trichromacy

#b884bb Protanomaly 1% of men, 0.01% of women
#ca829f Deuteranomaly 6% of men, 0.4% of women
#fc6886 Tritanomaly 0.01% of the population

#ff5ba4 hex color

#ff5ba4 Color Information

#ff5ba4 Color Conversion

Color Schemes with #ff5ba4

Alternatives to #ff5ba4

#ff5ba4 Preview

Shades and Tints of #ff5ba4

Tones of #ff5ba4

Color Blindness Simulator