#ff00bf hex color

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

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

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

The hexadecimal color #ff00bf has RGB values of R:255, G:0, B:191 and CMYK values of C:0, M:1, Y:0.25, K:0. Its decimal value is 16711871.

Hex triplet	ff00bf	`#ff00bf`
RGB Decimal	255, 0, 191	`rgb(255,0,191)`
RGB Percent	100, 0, 74.9	`rgb(100%,0%,74.9%)`
CMYK	0, 100, 25, 0
HSL	315.1°, 100, 50	`hsl(315.1,100%,50%)`
HSV (or HSB)	315.1°, 100, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.101, 90.263, -29.742
XYZ	50.644, 25.026, 51.451
xyY	0.398, 0.197, 25.026
CIE-LCH	57.101, 95.037, 341.763
CIE-LUV	57.101, 112.235, -59.577
Hunter-Lab	50.026, 93.159, -25.96
Binary	11111111, 00000000, 10111111

#ff00bf
```
#ff00bf rgb(255,0,191)
```
#00ff40
```
#00ff40 rgb(0,255,64)
```

Complementary Color

#c000ff
```
#c000ff rgb(192,0,255)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```
#ff0040
```
#ff0040 rgb(255,0,64)
```

Analogous Color

#00ffc0
```
#00ffc0 rgb(0,255,192)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```
#40ff00
```
#40ff00 rgb(64,255,0)
```

Split Complementary Color

#00bfff
```
#00bfff rgb(0,191,255)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```
#bfff00
```
#bfff00 rgb(191,255,0)
```

Triadic Color

#4000ff
```
#4000ff rgb(64,0,255)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```
#bfff00
```
#bfff00 rgb(191,255,0)
```
#00ff40
```
#00ff40 rgb(0,255,64)
```

Tetradic Color

#b30086
```
#b30086 rgb(179,0,134)
```
#cc0099
```
#cc0099 rgb(204,0,153)
```
#e600ac
```
#e600ac rgb(230,0,172)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```
#ff1ac5
```
#ff1ac5 rgb(255,26,197)
```
#ff33cc
```
#ff33cc rgb(255,51,204)
```
#ff4dd2
```
#ff4dd2 rgb(255,77,210)
```

Monochromatic Color

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

#ff00ff
```
#ff00ff rgb(255,0,255)
```
#ff00ea
```
#ff00ea rgb(255,0,234)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```
#ff00aa
```
#ff00aa rgb(255,0,170)
```
#ff0095
```
#ff0095 rgb(255,0,149)
```
#ff007f
```
#ff007f rgb(255,0,127)
```

Similar Colors

Text with hexadecimal color #ff00bf

This text has a font color of #ff00bf.

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

#ff00bf background color

This paragraph has a background color of #ff00bf.

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

#ff00bf border color

This element has a border color of #ff00bf.

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

CSS codes

.text {color:#ff00bf;}

.background {background-color:#ff00bf;}

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

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)
```
#4e003b
```
#4e003b rgb(78,0,59)
```
#620049
```
#620049 rgb(98,0,73)
```
#760058
```
#760058 rgb(118,0,88)
```
#890067
```
#890067 rgb(137,0,103)
```
#9d0076
```
#9d0076 rgb(157,0,118)
```
#b10084
```
#b10084 rgb(177,0,132)
```
#c40093
```
#c40093 rgb(196,0,147)
```
#d800a2
```
#d800a2 rgb(216,0,162)
```
#eb00b0
```
#eb00b0 rgb(235,0,176)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```

Shade Color Variation

#ff14c4
```
#ff14c4 rgb(255,20,196)
```
#ff27c9
```
#ff27c9 rgb(255,39,201)
```
#ff3bce
```
#ff3bce rgb(255,59,206)
```
#ff4ed3
```
#ff4ed3 rgb(255,78,211)
```
#ff62d8
```
#ff62d8 rgb(255,98,216)
```
#ff76dd
```
#ff76dd rgb(255,118,221)
```
#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 #ff00bf is the most saturated one.

#897684
```
#897684 rgb(137,118,132)
```
#936c89
```
#936c89 rgb(147,108,137)
```
#9d628e
```
#9d628e rgb(157,98,142)
```
#a75893
```
#a75893 rgb(167,88,147)
```
#b14e98
```
#b14e98 rgb(177,78,152)
```
#ba459d
```
#ba459d rgb(186,69,157)
```
#c43ba2
```
#c43ba2 rgb(196,59,162)
```
#ce31a7
```
#ce31a7 rgb(206,49,167)
```
#d827ab
```
#d827ab rgb(216,39,171)
```
#e21db0
```
#e21db0 rgb(226,29,176)
```
#eb14b5
```
#eb14b5 rgb(235,20,181)
```
#f50aba
```
#f50aba rgb(245,10,186)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```

Tone Color Variation

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

Dichromacy

#488bff Protanopia 1% of men
#8a8caf Deuteranopia 1% of men
#f65357 Tritanopia 0.001% of the population

Trichromacy

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

#ff00bf hex color

#ff00bf Color Information

#ff00bf Color Conversion

Color Schemes with #ff00bf

Alternatives to #ff00bf

#ff00bf Preview

Shades and Tints of #ff00bf

Tones of #ff00bf

Color Blindness Simulator