#ff0bda hex color

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

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

● #ff0bda color description : Vivid magenta.

The hexadecimal color #ff0bda has RGB values of R:255, G:11, B:218 and CMYK values of C:0, M:0.96, Y:0.15, K:0. Its decimal value is 16714714.

Hex triplet	ff0bda	`#ff0bda`
RGB Decimal	255, 11, 218	`rgb(255,11,218)`
RGB Percent	100, 4.3, 85.5	`rgb(100%,4.3%,85.5%)`
CMYK	0, 96, 15, 0
HSL	309.1°, 100, 52.2	`hsl(309.1,100%,52.2%)`
HSV (or HSB)	309.1°, 95.7, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	58.57, 92.729, -42.893
XYZ	54.014, 26.566, 68.609
xyY	0.362, 0.178, 26.566
CIE-LCH	58.57, 102.169, 335.176
CIE-LUV	58.57, 99.251, -80.067
Hunter-Lab	51.542, 96.863, -42.843
Binary	11111111, 00001011, 11011010

#ff0bda
```
#ff0bda rgb(255,11,218)
```
#0bff30
```
#0bff30 rgb(11,255,48)
```

Complementary Color

#aa0bff
```
#aa0bff rgb(170,11,255)
```
#ff0bda
```
#ff0bda rgb(255,11,218)
```
#ff0b60
```
#ff0b60 rgb(255,11,96)
```

Analogous Color

#0bffaa
```
#0bffaa rgb(11,255,170)
```
#ff0bda
```
#ff0bda rgb(255,11,218)
```
#60ff0b
```
#60ff0b rgb(96,255,11)
```

Split Complementary Color

#0bdaff
```
#0bdaff rgb(11,218,255)
```
#ff0bda
```
#ff0bda rgb(255,11,218)
```
#daff0b
```
#daff0b rgb(218,255,11)
```

Triadic Color

#300bff
```
#300bff rgb(48,11,255)
```
#ff0bda
```
#ff0bda rgb(255,11,218)
```
#daff0b
```
#daff0b rgb(218,255,11)
```
#0bff30
```
#0bff30 rgb(11,255,48)
```

Tetradic Color

#be00a1
```
#be00a1 rgb(190,0,161)
```
#d700b6
```
#d700b6 rgb(215,0,182)
```
#f100cc
```
#f100cc rgb(241,0,204)
```
#ff0bda
```
#ff0bda rgb(255,11,218)
```
#ff25de
```
#ff25de rgb(255,37,222)
```
#ff3ee2
```
#ff3ee2 rgb(255,62,226)
```
#ff58e6
```
#ff58e6 rgb(255,88,230)
```

Monochromatic Color

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

#e70bff
```
#e70bff rgb(231,11,255)
```
#fb0bff
```
#fb0bff rgb(251,11,255)
```
#ff0bee
```
#ff0bee rgb(255,11,238)
```
#ff0bda
```
#ff0bda rgb(255,11,218)
```
#ff0bc6
```
#ff0bc6 rgb(255,11,198)
```
#ff0bb1
```
#ff0bb1 rgb(255,11,177)
```
#ff0b9d
```
#ff0b9d rgb(255,11,157)
```

Similar Colors

Text with hexadecimal color #ff0bda

This text has a font color of #ff0bda.

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

#ff0bda background color

This paragraph has a background color of #ff0bda.

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

#ff0bda border color

This element has a border color of #ff0bda.

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

CSS codes

.text {color:#ff0bda;}

.background {background-color:#ff0bda;}

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

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 #fff6fe is the lightest one.

#0b0009
```
#0b0009 rgb(11,0,9)
```
#1f001a
```
#1f001a rgb(31,0,26)
```
#32002b
```
#32002b rgb(50,0,43)
```
#46003b
```
#46003b rgb(70,0,59)
```
#59004c
```
#59004c rgb(89,0,76)
```
#6d005d
```
#6d005d rgb(109,0,93)
```
#81006d
```
#81006d rgb(129,0,109)
```
#94007e
```
#94007e rgb(148,0,126)
```
#a8008e
```
#a8008e rgb(168,0,142)
```
#bc009f
```
#bc009f rgb(188,0,159)
```
#cf00b0
```
#cf00b0 rgb(207,0,176)
```
#e300c0
```
#e300c0 rgb(227,0,192)
```
#f600d1
```
#f600d1 rgb(246,0,209)
```

Shade Color Variation

#ff0bda
```
#ff0bda rgb(255,11,218)
```
#ff1fdd
```
#ff1fdd rgb(255,31,221)
```
#ff32e0
```
#ff32e0 rgb(255,50,224)
```
#ff46e3
```
#ff46e3 rgb(255,70,227)
```
#ff59e6
```
#ff59e6 rgb(255,89,230)
```
#ff6de9
```
#ff6de9 rgb(255,109,233)
```
#ff81ec
```
#ff81ec rgb(255,129,236)
```
#ff94ef
```
#ff94ef rgb(255,148,239)
```
#ffa8f2
```
#ffa8f2 rgb(255,168,242)
```
#ffbcf5
```
#ffbcf5 rgb(255,188,245)
```
#ffcff8
```
#ffcff8 rgb(255,207,248)
```
#ffe3fb
```
#ffe3fb rgb(255,227,251)
```
#fff6fe
```
#fff6fe rgb(255,246,254)
```

Tint Color Variation

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

#8e7c8c
```
#8e7c8c rgb(142,124,140)
```
#987292
```
#987292 rgb(152,114,146)
```
#a16999
```
#a16999 rgb(161,105,153)
```
#ab5f9f
```
#ab5f9f rgb(171,95,159)
```
#b456a6
```
#b456a6 rgb(180,86,166)
```
#bd4dac
```
#bd4dac rgb(189,77,172)
```
#c743b3
```
#c743b3 rgb(199,67,179)
```
#d03ab9
```
#d03ab9 rgb(208,58,185)
```
#d931c0
```
#d931c0 rgb(217,49,192)
```
#e327c6
```
#e327c6 rgb(227,39,198)
```
#ec1ecd
```
#ec1ecd rgb(236,30,205)
```
#f614d3
```
#f614d3 rgb(246,20,211)
```
#ff0bda
```
#ff0bda rgb(255,11,218)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#895982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518fff Protanopia 1% of men
#7f91c7 Deuteranopia 1% of men
#f35f64 Tritanopia 0.001% of the population

Trichromacy

#905ff1 Protanomaly 1% of men, 0.01% of women
#ad60ce Deuteranomaly 6% of men, 0.4% of women
#f7408f Tritanomaly 0.01% of the population

#ff0bda hex color

#ff0bda Color Information

#ff0bda Color Conversion

Color Schemes with #ff0bda

Alternatives to #ff0bda

#ff0bda Preview

Shades and Tints of #ff0bda

Tones of #ff0bda

Color Blindness Simulator