#f30ddb hex color

In a RGB color space, hex #f30ddb is composed of 95.3% red, 5.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.7% magenta, 9.9% yellow and 4.7% black. It has a hue angle of 306.3 degrees, a saturation of 90.6% and a lightness of 50.2%. #f30ddb color hex could be obtained by blending #ff1aff with #e700b7. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 95
- G 5
- B 86
RGB color chart
- C 0
- M 95
- Y 10
- K 5
CMYK color chart

● #f30ddb color description : Vivid magenta.

The hexadecimal color #f30ddb has RGB values of R:243, G:13, B:219 and CMYK values of C:0, M:0.95, Y:0.1, K:0.05. Its decimal value is 15928795.

Hex triplet	f30ddb	`#f30ddb`
RGB Decimal	243, 13, 219	`rgb(243,13,219)`
RGB Percent	95.3, 5.1, 85.9	`rgb(95.3%,5.1%,85.9%)`
CMYK	0, 95, 10, 5
HSL	306.3°, 90.6, 50.2	`hsl(306.3,90.6%,50.2%)`
HSV (or HSB)	306.3°, 94.7, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.546, 90.636, -46.797
XYZ	49.892, 24.461, 69.108
xyY	0.348, 0.171, 24.461
CIE-LCH	56.546, 102.004, 332.692
CIE-LUV	56.546, 89.619, -84.983
Hunter-Lab	49.458, 93.514, -48.225
Binary	11110011, 00001101, 11011011

#f30ddb
```
#f30ddb rgb(243,13,219)
```
#0df325
```
#0df325 rgb(13,243,37)
```

Complementary Color

#980df3
```
#980df3 rgb(152,13,243)
```
#f30ddb
```
#f30ddb rgb(243,13,219)
```
#f30d68
```
#f30d68 rgb(243,13,104)
```

Analogous Color

#0df398
```
#0df398 rgb(13,243,152)
```
#f30ddb
```
#f30ddb rgb(243,13,219)
```
#68f30d
```
#68f30d rgb(104,243,13)
```

Split Complementary Color

#0ddbf3
```
#0ddbf3 rgb(13,219,243)
```
#f30ddb
```
#f30ddb rgb(243,13,219)
```
#dbf30d
```
#dbf30d rgb(219,243,13)
```

Triadic Color

#250df3
```
#250df3 rgb(37,13,243)
```
#f30ddb
```
#f30ddb rgb(243,13,219)
```
#dbf30d
```
#dbf30d rgb(219,243,13)
```
#0df325
```
#0df325 rgb(13,243,37)
```

Tetradic Color

#ab089a
```
#ab089a rgb(171,8,154)
```
#c30ab0
```
#c30ab0 rgb(195,10,176)
```
#dc0bc6
```
#dc0bc6 rgb(220,11,198)
```
#f30ddb
```
#f30ddb rgb(243,13,219)
```
#f425df
```
#f425df rgb(244,37,223)
```
#f53ee2
```
#f53ee2 rgb(245,62,226)
```
#f756e6
```
#f756e6 rgb(247,86,230)
```

Monochromatic Color

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

#d20df3
```
#d20df3 rgb(210,13,243)
```
#e50df3
```
#e50df3 rgb(229,13,243)
```
#f30dee
```
#f30dee rgb(243,13,238)
```
#f30ddb
```
#f30ddb rgb(243,13,219)
```
#f30dc8
```
#f30dc8 rgb(243,13,200)
```
#f30db5
```
#f30db5 rgb(243,13,181)
```
#f30da2
```
#f30da2 rgb(243,13,162)
```

Similar Colors

Text with hexadecimal color #f30ddb

This text has a font color of #f30ddb.

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

#f30ddb background color

This paragraph has a background color of #f30ddb.

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

#f30ddb border color

This element has a border color of #f30ddb.

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

CSS codes

.text {color:#f30ddb;}

.background {background-color:#f30ddb;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140112
```
#140112 rgb(20,1,18)
```
#260223
```
#260223 rgb(38,2,35)
```
#390333
```
#390333 rgb(57,3,51)
```
#4c0444
```
#4c0444 rgb(76,4,68)
```
#5e0555
```
#5e0555 rgb(94,5,85)
```
#710666
```
#710666 rgb(113,6,102)
```
#840777
```
#840777 rgb(132,7,119)
```
#960788
```
#960788 rgb(150,7,136)
```
#a90898
```
#a90898 rgb(169,8,152)
```
#bc09a9
```
#bc09a9 rgb(188,9,169)
```
#cf0aba
```
#cf0aba rgb(207,10,186)
```
#e10bcb
```
#e10bcb rgb(225,11,203)
```

Shade Color Variation

#f30ddb
```
#f30ddb rgb(243,13,219)
```
#f420de
```
#f420de rgb(244,32,222)
```
#f532e1
```
#f532e1 rgb(245,50,225)
```
#f645e3
```
#f645e3 rgb(246,69,227)
```
#f758e6
```
#f758e6 rgb(247,88,230)
```
#f86ae9
```
#f86ae9 rgb(248,106,233)
```
#f97dec
```
#f97dec rgb(249,125,236)
```
#f990ee
```
#f990ee rgb(249,144,238)
```
#faa3f1
```
#faa3f1 rgb(250,163,241)
```
#fbb5f4
```
#fbb5f4 rgb(251,181,244)
```
#fcc8f7
```
#fcc8f7 rgb(252,200,247)
```
#fddbfa
```
#fddbfa rgb(253,219,250)
```
#feedfc
```
#feedfc rgb(254,237,252)
```

Tint Color Variation

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

#887886
```
#887886 rgb(136,120,134)
```
#916f8e
```
#916f8e rgb(145,111,142)
```
#9b6595
```
#9b6595 rgb(155,101,149)
```
#a55b9d
```
#a55b9d rgb(165,91,157)
```
#af51a5
```
#af51a5 rgb(175,81,165)
```
#b848ad
```
#b848ad rgb(184,72,173)
```
#c23eb4
```
#c23eb4 rgb(194,62,180)
```
#cc34bc
```
#cc34bc rgb(204,52,188)
```
#d62ac4
```
#d62ac4 rgb(214,42,196)
```
#df21cc
```
#df21cc rgb(223,33,204)
```
#e917d3
```
#e917d3 rgb(233,23,211)
```
#f30ddb
```
#f30ddb rgb(243,13,219)
```
#fd03e3
```
#fd03e3 rgb(253,3,227)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#855780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#418aff Protanopia 1% of men
#738cc8 Deuteranopia 1% of men
#e75f65 Tritanopia 0.001% of the population

Trichromacy

#815cf1 Protanomaly 1% of men, 0.01% of women
#a15ecf Deuteranomaly 6% of men, 0.4% of women
#eb4190 Tritanomaly 0.01% of the population

#f30ddb hex color

#f30ddb Color Information

#f30ddb Color Conversion

Color Schemes with #f30ddb

Alternatives to #f30ddb

#f30ddb Preview

Shades and Tints of #f30ddb

Tones of #f30ddb

Color Blindness Simulator