#ff00bd hex color

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

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

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

The hexadecimal color #ff00bd has RGB values of R:255, G:0, B:189 and CMYK values of C:0, M:1, Y:0.26, K:0. Its decimal value is 16711869.

Hex triplet	ff00bd	`#ff00bd`
RGB Decimal	255, 0, 189	`rgb(255,0,189)`
RGB Percent	100, 0, 74.1	`rgb(100%,0%,74.1%)`
CMYK	0, 100, 26, 0
HSL	315.5°, 100, 50	`hsl(315.5,100%,50%)`
HSV (or HSB)	315.5°, 100, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.016, 90.046, -28.718
XYZ	50.426, 24.939, 50.3
xyY	0.401, 0.198, 24.939
CIE-LCH	57.016, 94.515, 342.311
CIE-LUV	57.016, 113.182, -58.01
Hunter-Lab	49.939, 92.847, -24.761
Binary	11111111, 00000000, 10111101

#ff00bd
```
#ff00bd rgb(255,0,189)
```
#00ff42
```
#00ff42 rgb(0,255,66)
```

Complementary Color

#c200ff
```
#c200ff rgb(194,0,255)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```
#ff003e
```
#ff003e rgb(255,0,62)
```

Analogous Color

#00ffc2
```
#00ffc2 rgb(0,255,194)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```
#3eff00
```
#3eff00 rgb(62,255,0)
```

Split Complementary Color

#00bdff
```
#00bdff rgb(0,189,255)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```
#bdff00
```
#bdff00 rgb(189,255,0)
```

Triadic Color

#4200ff
```
#4200ff rgb(66,0,255)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```
#bdff00
```
#bdff00 rgb(189,255,0)
```
#00ff42
```
#00ff42 rgb(0,255,66)
```

Tetradic Color

#b30084
```
#b30084 rgb(179,0,132)
```
#cc0097
```
#cc0097 rgb(204,0,151)
```
#e600aa
```
#e600aa rgb(230,0,170)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```
#ff1ac4
```
#ff1ac4 rgb(255,26,196)
```
#ff33ca
```
#ff33ca rgb(255,51,202)
```
#ff4dd1
```
#ff4dd1 rgb(255,77,209)
```

Monochromatic Color

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

#ff00fd
```
#ff00fd rgb(255,0,253)
```
#ff00e8
```
#ff00e8 rgb(255,0,232)
```
#ff00d2
```
#ff00d2 rgb(255,0,210)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```
#ff00a8
```
#ff00a8 rgb(255,0,168)
```
#ff0093
```
#ff0093 rgb(255,0,147)
```
#ff007d
```
#ff007d rgb(255,0,125)
```

Similar Colors

Text with hexadecimal color #ff00bd

This text has a font color of #ff00bd.

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

#ff00bd background color

This paragraph has a background color of #ff00bd.

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

#ff00bd border color

This element has a border color of #ff00bd.

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

CSS codes

.text {color:#ff00bd;}

.background {background-color:#ff00bd;}

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

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

#14000f
```
#14000f rgb(20,0,15)
```
#27001d
```
#27001d rgb(39,0,29)
```
#3b002c
```
#3b002c rgb(59,0,44)
```
#4e003a
```
#4e003a rgb(78,0,58)
```
#620049
```
#620049 rgb(98,0,73)
```
#760057
```
#760057 rgb(118,0,87)
```
#890066
```
#890066 rgb(137,0,102)
```
#9d0074
```
#9d0074 rgb(157,0,116)
```
#b10083
```
#b10083 rgb(177,0,131)
```
#c40091
```
#c40091 rgb(196,0,145)
```
#d800a0
```
#d800a0 rgb(216,0,160)
```
#eb00ae
```
#eb00ae rgb(235,0,174)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```

Shade Color Variation

#ff14c2
```
#ff14c2 rgb(255,20,194)
```
#ff27c7
```
#ff27c7 rgb(255,39,199)
```
#ff3bcc
```
#ff3bcc rgb(255,59,204)
```
#ff4ed1
```
#ff4ed1 rgb(255,78,209)
```
#ff62d6
```
#ff62d6 rgb(255,98,214)
```
#ff76db
```
#ff76db rgb(255,118,219)
```
#ff89e1
```
#ff89e1 rgb(255,137,225)
```
#ff9de6
```
#ff9de6 rgb(255,157,230)
```
#ffb1eb
```
#ffb1eb rgb(255,177,235)
```
#ffc4f0
```
#ffc4f0 rgb(255,196,240)
```
#ffd8f5
```
#ffd8f5 rgb(255,216,245)
```
#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 #ff00bd is the most saturated one.

#897684
```
#897684 rgb(137,118,132)
```
#936c89
```
#936c89 rgb(147,108,137)
```
#9d628e
```
#9d628e rgb(157,98,142)
```
#a75892
```
#a75892 rgb(167,88,146)
```
#b14e97
```
#b14e97 rgb(177,78,151)
```
#ba459c
```
#ba459c rgb(186,69,156)
```
#c43ba1
```
#c43ba1 rgb(196,59,161)
```
#ce31a5
```
#ce31a5 rgb(206,49,165)
```
#d827aa
```
#d827aa rgb(216,39,170)
```
#e21daf
```
#e21daf rgb(226,29,175)
```
#eb14b4
```
#eb14b4 rgb(235,20,180)
```
#f50ab8
```
#f50ab8 rgb(245,10,184)
```
#ff00bd
```
#ff00bd rgb(255,0,189)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#814e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#8b8cad Deuteranopia 1% of men
#f65256 Tritanopia 0.001% of the population

Trichromacy

#8a58e7 Protanomaly 1% of men, 0.01% of women
#b559b3 Deuteranomaly 6% of men, 0.4% of women
#f9347b Tritanomaly 0.01% of the population

#ff00bd hex color

#ff00bd Color Information

#ff00bd Color Conversion

Color Schemes with #ff00bd

Alternatives to #ff00bd

#ff00bd Preview

Shades and Tints of #ff00bd

Tones of #ff00bd

Color Blindness Simulator