#ff00b2 hex color

In a RGB color space, hex #ff00b2 is composed of 100% red, 0% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 30.2% yellow and 0% black. It has a hue angle of 318.1 degrees, a saturation of 100% and a lightness of 50%. #ff00b2 color hex could be obtained by blending #ff00ff with #ff0065. Closest websafe color is: #ff0099.

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

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

The hexadecimal color #ff00b2 has RGB values of R:255, G:0, B:178 and CMYK values of C:0, M:1, Y:0.3, K:0. Its decimal value is 16711858.

Hex triplet	ff00b2	`#ff00b2`
RGB Decimal	255, 0, 178	`rgb(255,0,178)`
RGB Percent	100, 0, 69.8	`rgb(100%,0%,69.8%)`
CMYK	0, 100, 30, 0
HSL	318.1°, 100, 50	`hsl(318.1,100%,50%)`
HSV (or HSB)	318.1°, 100, 100
Web Safe	ff0099	`#ff0099`

CIE-LAB	56.565, 88.893, -23.029
XYZ	49.277, 24.479, 44.247
xyY	0.418, 0.207, 24.479
CIE-LCH	56.565, 91.828, 345.476
CIE-LUV	56.565, 118.429, -49.406
Hunter-Lab	49.477, 91.195, -18.39
Binary	11111111, 00000000, 10110010

#ff00b2
```
#ff00b2 rgb(255,0,178)
```
#00ff4d
```
#00ff4d rgb(0,255,77)
```

Complementary Color

#cd00ff
```
#cd00ff rgb(205,0,255)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```
#ff0033
```
#ff0033 rgb(255,0,51)
```

Analogous Color

#00ffcd
```
#00ffcd rgb(0,255,205)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```
#32ff00
```
#32ff00 rgb(50,255,0)
```

Split Complementary Color

#00b2ff
```
#00b2ff rgb(0,178,255)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```
#b2ff00
```
#b2ff00 rgb(178,255,0)
```

Triadic Color

#4d00ff
```
#4d00ff rgb(77,0,255)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```
#b2ff00
```
#b2ff00 rgb(178,255,0)
```
#00ff4d
```
#00ff4d rgb(0,255,77)
```

Tetradic Color

#b3007d
```
#b3007d rgb(179,0,125)
```
#cc008e
```
#cc008e rgb(204,0,142)
```
#e600a0
```
#e600a0 rgb(230,0,160)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```
#ff1aba
```
#ff1aba rgb(255,26,186)
```
#ff33c1
```
#ff33c1 rgb(255,51,193)
```
#ff4dc9
```
#ff4dc9 rgb(255,77,201)
```

Monochromatic Color

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

#ff00f2
```
#ff00f2 rgb(255,0,242)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```
#ff00c7
```
#ff00c7 rgb(255,0,199)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```
#ff009d
```
#ff009d rgb(255,0,157)
```
#ff0088
```
#ff0088 rgb(255,0,136)
```
#ff0072
```
#ff0072 rgb(255,0,114)
```

Similar Colors

Text with hexadecimal color #ff00b2

This text has a font color of #ff00b2.

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

#ff00b2 background color

This paragraph has a background color of #ff00b2.

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

#ff00b2 border color

This element has a border color of #ff00b2.

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

CSS codes

.text {color:#ff00b2;}

.background {background-color:#ff00b2;}

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

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)
```
#27001b
```
#27001b rgb(39,0,27)
```
#3b0029
```
#3b0029 rgb(59,0,41)
```
#4e0037
```
#4e0037 rgb(78,0,55)
```
#620044
```
#620044 rgb(98,0,68)
```
#760052
```
#760052 rgb(118,0,82)
```
#890060
```
#890060 rgb(137,0,96)
```
#9d006e
```
#9d006e rgb(157,0,110)
```
#b1007b
```
#b1007b rgb(177,0,123)
```
#c40089
```
#c40089 rgb(196,0,137)
```
#d80097
```
#d80097 rgb(216,0,151)
```
#eb00a4
```
#eb00a4 rgb(235,0,164)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```

Shade Color Variation

#ff14b8
```
#ff14b8 rgb(255,20,184)
```
#ff27be
```
#ff27be rgb(255,39,190)
```
#ff3bc4
```
#ff3bc4 rgb(255,59,196)
```
#ff4eca
```
#ff4eca rgb(255,78,202)
```
#ff62d0
```
#ff62d0 rgb(255,98,208)
```
#ff76d6
```
#ff76d6 rgb(255,118,214)
```
#ff89db
```
#ff89db rgb(255,137,219)
```
#ff9de1
```
#ff9de1 rgb(255,157,225)
```
#ffb1e7
```
#ffb1e7 rgb(255,177,231)
```
#ffc4ed
```
#ffc4ed rgb(255,196,237)
```
#ffd8f3
```
#ffd8f3 rgb(255,216,243)
```
#ffebf9
```
#ffebf9 rgb(255,235,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897683
```
#897683 rgb(137,118,131)
```
#936c87
```
#936c87 rgb(147,108,135)
```
#9d628b
```
#9d628b rgb(157,98,139)
```
#a7588f
```
#a7588f rgb(167,88,143)
```
#b14e93
```
#b14e93 rgb(177,78,147)
```
#ba4597
```
#ba4597 rgb(186,69,151)
```
#c43b9b
```
#c43b9b rgb(196,59,155)
```
#ce319f
```
#ce319f rgb(206,49,159)
```
#d827a2
```
#d827a2 rgb(216,39,162)
```
#e21da6
```
#e21da6 rgb(226,29,166)
```
#eb14aa
```
#eb14aa rgb(235,20,170)
```
#f50aae
```
#f50aae rgb(245,10,174)
```
#ff00b2
```
#ff00b2 rgb(255,0,178)
```

Tone Color Variation

Below, you can see how #ff00b2 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
#814e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#568af2 Protanopia 1% of men
#8f8aa4 Deuteranopia 1% of men
#f74e51 Tritanopia 0.001% of the population

Trichromacy

#9358da Protanomaly 1% of men, 0.01% of women
#b858a9 Deuteranomaly 6% of men, 0.4% of women
#fa3174 Tritanomaly 0.01% of the population

#ff00b2 hex color

#ff00b2 Color Information

#ff00b2 Color Conversion

Color Schemes with #ff00b2

Alternatives to #ff00b2

#ff00b2 Preview

Shades and Tints of #ff00b2

Tones of #ff00b2

Color Blindness Simulator