#ff02ba hex color

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

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

● #ff02ba color description : Vivid pink.

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

Hex triplet	ff02ba	`#ff02ba`
RGB Decimal	255, 2, 186	`rgb(255,2,186)`
RGB Percent	100, 0.8, 72.9	`rgb(100%,0.8%,72.9%)`
CMYK	0, 99, 27, 0
HSL	316.4°, 100, 50.4	`hsl(316.4,100%,50.4%)`
HSV (or HSB)	316.4°, 99.2, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.932, 89.6, -27.111
XYZ	50.125, 24.853, 48.609
xyY	0.406, 0.201, 24.853
CIE-LCH	56.932, 93.612, 343.166
CIE-LUV	56.932, 114.487, -55.549
Hunter-Lab	49.853, 92.231, -22.913
Binary	11111111, 00000010, 10111010

#ff02ba
```
#ff02ba rgb(255,2,186)
```
#02ff47
```
#02ff47 rgb(2,255,71)
```

Complementary Color

#c602ff
```
#c602ff rgb(198,2,255)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```
#ff023b
```
#ff023b rgb(255,2,59)
```

Analogous Color

#02ffc6
```
#02ffc6 rgb(2,255,198)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```
#3bff02
```
#3bff02 rgb(59,255,2)
```

Split Complementary Color

#02baff
```
#02baff rgb(2,186,255)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```
#baff02
```
#baff02 rgb(186,255,2)
```

Triadic Color

#4702ff
```
#4702ff rgb(71,2,255)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```
#baff02
```
#baff02 rgb(186,255,2)
```
#02ff47
```
#02ff47 rgb(2,255,71)
```

Tetradic Color

#b50083
```
#b50083 rgb(181,0,131)
```
#ce0096
```
#ce0096 rgb(206,0,150)
```
#e800a8
```
#e800a8 rgb(232,0,168)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```
#ff1cc1
```
#ff1cc1 rgb(255,28,193)
```
#ff35c8
```
#ff35c8 rgb(255,53,200)
```
#ff4fcf
```
#ff4fcf rgb(255,79,207)
```

Monochromatic Color

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

#ff02f9
```
#ff02f9 rgb(255,2,249)
```
#ff02e4
```
#ff02e4 rgb(255,2,228)
```
#ff02cf
```
#ff02cf rgb(255,2,207)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```
#ff02a5
```
#ff02a5 rgb(255,2,165)
```
#ff0290
```
#ff0290 rgb(255,2,144)
```
#ff027b
```
#ff027b rgb(255,2,123)
```

Similar Colors

Text with hexadecimal color #ff02ba

This text has a font color of #ff02ba.

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

#ff02ba background color

This paragraph has a background color of #ff02ba.

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

#ff02ba border color

This element has a border color of #ff02ba.

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

CSS codes

.text {color:#ff02ba;}

.background {background-color:#ff02ba;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#160010
```
#160010 rgb(22,0,16)
```
#29001e
```
#29001e rgb(41,0,30)
```
#3d002c
```
#3d002c rgb(61,0,44)
```
#50003b
```
#50003b rgb(80,0,59)
```
#640049
```
#640049 rgb(100,0,73)
```
#780057
```
#780057 rgb(120,0,87)
```
#8b0065
```
#8b0065 rgb(139,0,101)
```
#9f0074
```
#9f0074 rgb(159,0,116)
```
#b30082
```
#b30082 rgb(179,0,130)
```
#c60090
```
#c60090 rgb(198,0,144)
```
#da009e
```
#da009e rgb(218,0,158)
```
#ed00ad
```
#ed00ad rgb(237,0,173)
```

Shade Color Variation

#ff02ba
```
#ff02ba rgb(255,2,186)
```
#ff16bf
```
#ff16bf rgb(255,22,191)
```
#ff29c5
```
#ff29c5 rgb(255,41,197)
```
#ff3dca
```
#ff3dca rgb(255,61,202)
```
#ff50cf
```
#ff50cf rgb(255,80,207)
```
#ff64d5
```
#ff64d5 rgb(255,100,213)
```
#ff78da
```
#ff78da rgb(255,120,218)
```
#ff8bdf
```
#ff8bdf rgb(255,139,223)
```
#ff9fe5
```
#ff9fe5 rgb(255,159,229)
```
#ffb3ea
```
#ffb3ea rgb(255,179,234)
```
#ffc6ef
```
#ffc6ef rgb(255,198,239)
```
#ffdaf5
```
#ffdaf5 rgb(255,218,245)
```
#ffedfa
```
#ffedfa rgb(255,237,250)
```

Tint Color Variation

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

#8a7785
```
#8a7785 rgb(138,119,133)
```
#946d89
```
#946d89 rgb(148,109,137)
```
#9e638e
```
#9e638e rgb(158,99,142)
```
#a75a92
```
#a75a92 rgb(167,90,146)
```
#b15097
```
#b15097 rgb(177,80,151)
```
#bb469b
```
#bb469b rgb(187,70,155)
```
#c53c9f
```
#c53c9f rgb(197,60,159)
```
#ce33a4
```
#ce33a4 rgb(206,51,164)
```
#d829a8
```
#d829a8 rgb(216,41,168)
```
#e21fad
```
#e21fad rgb(226,31,173)
```
#ec15b1
```
#ec15b1 rgb(236,21,177)
```
#f50cb6
```
#f50cb6 rgb(245,12,182)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#825074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8bfb Protanopia 1% of men
#8c8bab Deuteranopia 1% of men
#f65155 Tritanopia 0.001% of the population

Trichromacy

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

#ff02ba hex color

#ff02ba Color Information

#ff02ba Color Conversion

Color Schemes with #ff02ba

Alternatives to #ff02ba

#ff02ba Preview

Shades and Tints of #ff02ba

Tones of #ff02ba

Color Blindness Simulator