#ff04bf hex color

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

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

● #ff04bf color description : Vivid pink.

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

Hex triplet	ff04bf	`#ff04bf`
RGB Decimal	255, 4, 191	`rgb(255,4,191)`
RGB Percent	100, 1.6, 74.9	`rgb(100%,1.6%,74.9%)`
CMYK	0, 98, 25, 0
HSL	315.3°, 100, 50.8	`hsl(315.3,100%,50.8%)`
HSV (or HSB)	315.3°, 98.4, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.186, 90.015, -29.611
XYZ	50.688, 25.113, 51.465
xyY	0.398, 0.197, 25.113
CIE-LCH	57.186, 94.76, 341.791
CIE-LUV	57.186, 112.003, -59.356
Hunter-Lab	50.113, 92.849, -25.811
Binary	11111111, 00000100, 10111111

#ff04bf
```
#ff04bf rgb(255,4,191)
```
#04ff44
```
#04ff44 rgb(4,255,68)
```

Complementary Color

#c204ff
```
#c204ff rgb(194,4,255)
```
#ff04bf
```
#ff04bf rgb(255,4,191)
```
#ff0442
```
#ff0442 rgb(255,4,66)
```

Analogous Color

#04ffc2
```
#04ffc2 rgb(4,255,194)
```
#ff04bf
```
#ff04bf rgb(255,4,191)
```
#42ff04
```
#42ff04 rgb(66,255,4)
```

Split Complementary Color

#04bfff
```
#04bfff rgb(4,191,255)
```
#ff04bf
```
#ff04bf rgb(255,4,191)
```
#bfff04
```
#bfff04 rgb(191,255,4)
```

Triadic Color

#4404ff
```
#4404ff rgb(68,4,255)
```
#ff04bf
```
#ff04bf rgb(255,4,191)
```
#bfff04
```
#bfff04 rgb(191,255,4)
```
#04ff44
```
#04ff44 rgb(4,255,68)
```

Tetradic Color

#b70088
```
#b70088 rgb(183,0,136)
```
#d0009b
```
#d0009b rgb(208,0,155)
```
#ea00ae
```
#ea00ae rgb(234,0,174)
```
#ff04bf
```
#ff04bf rgb(255,4,191)
```
#ff1ec6
```
#ff1ec6 rgb(255,30,198)
```
#ff37cc
```
#ff37cc rgb(255,55,204)
```
#ff51d3
```
#ff51d3 rgb(255,81,211)
```

Monochromatic Color

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

#ff04fe
```
#ff04fe rgb(255,4,254)
```
#ff04e9
```
#ff04e9 rgb(255,4,233)
```
#ff04d4
```
#ff04d4 rgb(255,4,212)
```
#ff04bf
```
#ff04bf rgb(255,4,191)
```
#ff04aa
```
#ff04aa rgb(255,4,170)
```
#ff0495
```
#ff0495 rgb(255,4,149)
```
#ff0480
```
#ff0480 rgb(255,4,128)
```

Similar Colors

Text with hexadecimal color #ff04bf

This text has a font color of #ff04bf.

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

#ff04bf background color

This paragraph has a background color of #ff04bf.

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

#ff04bf border color

This element has a border color of #ff04bf.

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

CSS codes

.text {color:#ff04bf;}

.background {background-color:#ff04bf;}

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

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, #040003 is the darkest color, while #ffeffb is the lightest one.

#040003
```
#040003 rgb(4,0,3)
```
#180012
```
#180012 rgb(24,0,18)
```
#2b0020
```
#2b0020 rgb(43,0,32)
```
#3f002f
```
#3f002f rgb(63,0,47)
```
#52003d
```
#52003d rgb(82,0,61)
```
#66004c
```
#66004c rgb(102,0,76)
```
#7a005b
```
#7a005b rgb(122,0,91)
```
#8d0069
```
#8d0069 rgb(141,0,105)
```
#a10078
```
#a10078 rgb(161,0,120)
```
#b50087
```
#b50087 rgb(181,0,135)
```
#c80095
```
#c80095 rgb(200,0,149)
```
#dc00a4
```
#dc00a4 rgb(220,0,164)
```
#ef00b2
```
#ef00b2 rgb(239,0,178)
```

Shade Color Variation

#ff04bf
```
#ff04bf rgb(255,4,191)
```
#ff18c4
```
#ff18c4 rgb(255,24,196)
```
#ff2bc9
```
#ff2bc9 rgb(255,43,201)
```
#ff3fce
```
#ff3fce rgb(255,63,206)
```
#ff52d3
```
#ff52d3 rgb(255,82,211)
```
#ff66d8
```
#ff66d8 rgb(255,102,216)
```
#ff7add
```
#ff7add rgb(255,122,221)
```
#ff8de2
```
#ff8de2 rgb(255,141,226)
```
#ffa1e7
```
#ffa1e7 rgb(255,161,231)
```
#ffb5ec
```
#ffb5ec rgb(255,181,236)
```
#ffc8f1
```
#ffc8f1 rgb(255,200,241)
```
#ffdcf6
```
#ffdcf6 rgb(255,220,246)
```
#ffeffb
```
#ffeffb rgb(255,239,251)
```

Tint Color Variation

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

#8b7886
```
#8b7886 rgb(139,120,134)
```
#956e8b
```
#956e8b rgb(149,110,139)
```
#9e6590
```
#9e6590 rgb(158,101,144)
```
#a85b94
```
#a85b94 rgb(168,91,148)
```
#b25199
```
#b25199 rgb(178,81,153)
```
#bb489e
```
#bb489e rgb(187,72,158)
```
#c53ea3
```
#c53ea3 rgb(197,62,163)
```
#cf34a7
```
#cf34a7 rgb(207,52,167)
```
#d82bac
```
#d82bac rgb(216,43,172)
```
#e221b1
```
#e221b1 rgb(226,33,177)
```
#ec17b6
```
#ec17b6 rgb(236,23,182)
```
#f50eba
```
#f50eba rgb(245,14,186)
```
#ff04bf
```
#ff04bf rgb(255,4,191)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#835176 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#8b5ae7 Protanomaly 1% of men, 0.01% of women
#b55bb5 Deuteranomaly 6% of men, 0.4% of women
#f9367d Tritanomaly 0.01% of the population

#ff04bf hex color

#ff04bf Color Information

#ff04bf Color Conversion

Color Schemes with #ff04bf

Alternatives to #ff04bf

#ff04bf Preview

Shades and Tints of #ff04bf

Tones of #ff04bf

Color Blindness Simulator