#ff0bd4 hex color

In a RGB color space, hex #ff0bd4 is composed of 100% red, 4.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.7% magenta, 16.9% yellow and 0% black. It has a hue angle of 310.6 degrees, a saturation of 100% and a lightness of 52.2%. #ff0bd4 color hex could be obtained by blending #ff16ff with #ff00a9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 100
- G 4
- B 83
RGB color chart
- C 0
- M 96
- Y 17
- K 0
CMYK color chart

● #ff0bd4 color description : Vivid magenta.

The hexadecimal color #ff0bd4 has RGB values of R:255, G:11, B:212 and CMYK values of C:0, M:0.96, Y:0.17, K:0. Its decimal value is 16714708.

Hex triplet	ff0bd4	`#ff0bd4`
RGB Decimal	255, 11, 212	`rgb(255,11,212)`
RGB Percent	100, 4.3, 83.1	`rgb(100%,4.3%,83.1%)`
CMYK	0, 96, 17, 0
HSL	310.6°, 100, 52.2	`hsl(310.6,100%,52.2%)`
HSV (or HSB)	310.6°, 95.7, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	58.281, 91.997, -39.941
XYZ	53.243, 26.257, 64.548
xyY	0.37, 0.182, 26.257
CIE-LCH	58.281, 100.294, 336.532
CIE-LUV	58.281, 101.936, -75.403
Hunter-Lab	51.242, 95.798, -38.816
Binary	11111111, 00001011, 11010100

#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#0bff36
```
#0bff36 rgb(11,255,54)
```

Complementary Color

#b00bff
```
#b00bff rgb(176,11,255)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#ff0b5a
```
#ff0b5a rgb(255,11,90)
```

Analogous Color

#0bffb0
```
#0bffb0 rgb(11,255,176)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#5aff0b
```
#5aff0b rgb(90,255,11)
```

Split Complementary Color

#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#d4ff0b
```
#d4ff0b rgb(212,255,11)
```

Triadic Color

#360bff
```
#360bff rgb(54,11,255)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#d4ff0b
```
#d4ff0b rgb(212,255,11)
```
#0bff36
```
#0bff36 rgb(11,255,54)
```

Tetradic Color

#be009c
```
#be009c rgb(190,0,156)
```
#d700b1
```
#d700b1 rgb(215,0,177)
```
#f100c6
```
#f100c6 rgb(241,0,198)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#ff25d8
```
#ff25d8 rgb(255,37,216)
```
#ff3edd
```
#ff3edd rgb(255,62,221)
```
#ff58e1
```
#ff58e1 rgb(255,88,225)
```

Monochromatic Color

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

#ed0bff
```
#ed0bff rgb(237,11,255)
```
#ff0bfd
```
#ff0bfd rgb(255,11,253)
```
#ff0be8
```
#ff0be8 rgb(255,11,232)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#ff0bc0
```
#ff0bc0 rgb(255,11,192)
```
#ff0bab
```
#ff0bab rgb(255,11,171)
```
#ff0b97
```
#ff0b97 rgb(255,11,151)
```

Similar Colors

Text with hexadecimal color #ff0bd4

This text has a font color of #ff0bd4.

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

#ff0bd4 background color

This paragraph has a background color of #ff0bd4.

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

#ff0bd4 border color

This element has a border color of #ff0bd4.

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

CSS codes

.text {color:#ff0bd4;}

.background {background-color:#ff0bd4;}

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

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, #0b0009 is the darkest color, while #fff6fd is the lightest one.

#0b0009
```
#0b0009 rgb(11,0,9)
```
#1f0019
```
#1f0019 rgb(31,0,25)
```
#320029
```
#320029 rgb(50,0,41)
```
#46003a
```
#46003a rgb(70,0,58)
```
#59004a
```
#59004a rgb(89,0,74)
```
#6d005a
```
#6d005a rgb(109,0,90)
```
#81006a
```
#81006a rgb(129,0,106)
```
#94007a
```
#94007a rgb(148,0,122)
```
#a8008a
```
#a8008a rgb(168,0,138)
```
#bc009a
```
#bc009a rgb(188,0,154)
```
#cf00ab
```
#cf00ab rgb(207,0,171)
```
#e300bb
```
#e300bb rgb(227,0,187)
```
#f600cb
```
#f600cb rgb(246,0,203)
```

Shade Color Variation

#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#ff1fd7
```
#ff1fd7 rgb(255,31,215)
```
#ff32db
```
#ff32db rgb(255,50,219)
```
#ff46de
```
#ff46de rgb(255,70,222)
```
#ff59e2
```
#ff59e2 rgb(255,89,226)
```
#ff6de5
```
#ff6de5 rgb(255,109,229)
```
#ff81e9
```
#ff81e9 rgb(255,129,233)
```
#ff94ec
```
#ff94ec rgb(255,148,236)
```
#ffa8f0
```
#ffa8f0 rgb(255,168,240)
```
#ffbcf3
```
#ffbcf3 rgb(255,188,243)
```
#ffcff7
```
#ffcff7 rgb(255,207,247)
```
#ffe3fa
```
#ffe3fa rgb(255,227,250)
```
#fff6fd
```
#fff6fd rgb(255,246,253)
```

Tint Color Variation

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

#8e7c8b
```
#8e7c8b rgb(142,124,139)
```
#987291
```
#987291 rgb(152,114,145)
```
#a16997
```
#a16997 rgb(161,105,151)
```
#ab5f9d
```
#ab5f9d rgb(171,95,157)
```
#b456a3
```
#b456a3 rgb(180,86,163)
```
#bd4da9
```
#bd4da9 rgb(189,77,169)
```
#c743b0
```
#c743b0 rgb(199,67,176)
```
#d03ab6
```
#d03ab6 rgb(208,58,182)
```
#d931bc
```
#d931bc rgb(217,49,188)
```
#e327c2
```
#e327c2 rgb(227,39,194)
```
#ec1ec8
```
#ec1ec8 rgb(236,30,200)
```
#f614ce
```
#f614ce rgb(246,20,206)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#895880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#508eff Protanopia 1% of men
#8290c2 Deuteranopia 1% of men
#f45c61 Tritanopia 0.001% of the population

Trichromacy

#8f5eef Protanomaly 1% of men, 0.01% of women
#af5fc8 Deuteranomaly 6% of men, 0.4% of women
#f83f8b Tritanomaly 0.01% of the population

#ff0bd4 hex color

#ff0bd4 Color Information

#ff0bd4 Color Conversion

Color Schemes with #ff0bd4

Alternatives to #ff0bd4

#ff0bd4 Preview

Shades and Tints of #ff0bd4

Tones of #ff0bd4

Color Blindness Simulator