#ff00ba hex color

In a RGB color space, hex #ff00ba is composed of 100% red, 0% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 27.1% yellow and 0% black. It has a hue angle of 316.2 degrees, a saturation of 100% and a lightness of 50%. #ff00ba color hex could be obtained by blending #ff00ff with #ff0075. Closest websafe color is: #ff00cc.

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

● #ff00ba color description : Pure (or mostly pure) pink.

The hexadecimal color #ff00ba has RGB values of R:255, G:0, B:186 and CMYK values of C:0, M:1, Y:0.27, K:0. Its decimal value is 16711866.

Hex triplet	ff00ba	`#ff00ba`
RGB Decimal	255, 0, 186	`rgb(255,0,186)`
RGB Percent	100, 0, 72.9	`rgb(100%,0%,72.9%)`
CMYK	0, 100, 27, 0
HSL	316.2°, 100, 50	`hsl(316.2,100%,50%)`
HSV (or HSB)	316.2°, 100, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.89, 89.725, -27.176
XYZ	50.104, 24.81, 48.602
xyY	0.406, 0.201, 24.81
CIE-LCH	56.89, 93.751, 343.149
CIE-LUV	56.89, 114.607, -55.661
Hunter-Lab	49.81, 92.386, -22.986
Binary	11111111, 00000000, 10111010

#ff00ba
```
#ff00ba rgb(255,0,186)
```
#00ff45
```
#00ff45 rgb(0,255,69)
```

Complementary Color

#c500ff
```
#c500ff rgb(197,0,255)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```
#ff003b
```
#ff003b rgb(255,0,59)
```

Analogous Color

#00ffc5
```
#00ffc5 rgb(0,255,197)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```
#3aff00
```
#3aff00 rgb(58,255,0)
```

Split Complementary Color

#00baff
```
#00baff rgb(0,186,255)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```
#baff00
```
#baff00 rgb(186,255,0)
```

Triadic Color

#4500ff
```
#4500ff rgb(69,0,255)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```
#baff00
```
#baff00 rgb(186,255,0)
```
#00ff45
```
#00ff45 rgb(0,255,69)
```

Tetradic Color

#b30082
```
#b30082 rgb(179,0,130)
```
#cc0095
```
#cc0095 rgb(204,0,149)
```
#e600a7
```
#e600a7 rgb(230,0,167)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```
#ff1ac1
```
#ff1ac1 rgb(255,26,193)
```
#ff33c8
```
#ff33c8 rgb(255,51,200)
```
#ff4dcf
```
#ff4dcf rgb(255,77,207)
```

Monochromatic Color

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

#ff00fa
```
#ff00fa rgb(255,0,250)
```
#ff00e5
```
#ff00e5 rgb(255,0,229)
```
#ff00cf
```
#ff00cf rgb(255,0,207)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```
#ff00a5
```
#ff00a5 rgb(255,0,165)
```
#ff0090
```
#ff0090 rgb(255,0,144)
```
#ff007a
```
#ff007a rgb(255,0,122)
```

Similar Colors

Text with hexadecimal color #ff00ba

This text has a font color of #ff00ba.

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

#ff00ba background color

This paragraph has a background color of #ff00ba.

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

#ff00ba border color

This element has a border color of #ff00ba.

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

CSS codes

.text {color:#ff00ba;}

.background {background-color:#ff00ba;}

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

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, #14000e is the darkest color, while #ffffff is the lightest one.

#14000e
```
#14000e rgb(20,0,14)
```
#27001d
```
#27001d rgb(39,0,29)
```
#3b002b
```
#3b002b rgb(59,0,43)
```
#4e0039
```
#4e0039 rgb(78,0,57)
```
#620048
```
#620048 rgb(98,0,72)
```
#760056
```
#760056 rgb(118,0,86)
```
#890064
```
#890064 rgb(137,0,100)
```
#9d0072
```
#9d0072 rgb(157,0,114)
```
#b10081
```
#b10081 rgb(177,0,129)
```
#c4008f
```
#c4008f rgb(196,0,143)
```
#d8009d
```
#d8009d rgb(216,0,157)
```
#eb00ac
```
#eb00ac rgb(235,0,172)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```

Shade Color Variation

#ff14bf
```
#ff14bf rgb(255,20,191)
```
#ff27c5
```
#ff27c5 rgb(255,39,197)
```
#ff3bca
```
#ff3bca rgb(255,59,202)
```
#ff4ecf
```
#ff4ecf rgb(255,78,207)
```
#ff62d5
```
#ff62d5 rgb(255,98,213)
```
#ff76da
```
#ff76da rgb(255,118,218)
```
#ff89df
```
#ff89df rgb(255,137,223)
```
#ff9de4
```
#ff9de4 rgb(255,157,228)
```
#ffb1ea
```
#ffb1ea rgb(255,177,234)
```
#ffc4ef
```
#ffc4ef rgb(255,196,239)
```
#ffd8f4
```
#ffd8f4 rgb(255,216,244)
```
#ffebfa
```
#ffebfa rgb(255,235,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897684
```
#897684 rgb(137,118,132)
```
#936c89
```
#936c89 rgb(147,108,137)
```
#9d628d
```
#9d628d rgb(157,98,141)
```
#a75892
```
#a75892 rgb(167,88,146)
```
#b14e96
```
#b14e96 rgb(177,78,150)
```
#ba459b
```
#ba459b rgb(186,69,155)
```
#c43b9f
```
#c43b9f rgb(196,59,159)
```
#ce31a4
```
#ce31a4 rgb(206,49,164)
```
#d827a8
```
#d827a8 rgb(216,39,168)
```
#e21dad
```
#e21dad rgb(226,29,173)
```
#eb14b1
```
#eb14b1 rgb(235,20,177)
```
#f50ab6
```
#f50ab6 rgb(245,10,182)
```
#ff00ba
```
#ff00ba rgb(255,0,186)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#814e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8afb Protanopia 1% of men
#8c8bab Deuteranopia 1% of men
#f65154 Tritanopia 0.001% of the population

Trichromacy

#8c58e3 Protanomaly 1% of men, 0.01% of women
#b659b0 Deuteranomaly 6% of men, 0.4% of women
#f93379 Tritanomaly 0.01% of the population

#ff00ba hex color

#ff00ba Color Information

#ff00ba Color Conversion

Color Schemes with #ff00ba

Alternatives to #ff00ba

#ff00ba Preview

Shades and Tints of #ff00ba

Tones of #ff00ba

Color Blindness Simulator