#d348ff hex color

In a RGB color space, hex #d348ff is composed of 82.7% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 285.6 degrees, a saturation of 100% and a lightness of 64.1%. #d348ff color hex could be obtained by blending #ff90ff with #a700ff. Closest websafe color is: #cc33ff.

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

● #d348ff color description : Light magenta.

The hexadecimal color #d348ff has RGB values of R:211, G:72, B:255 and CMYK values of C:0.17, M:0.72, Y:0, K:0. Its decimal value is 13846783.

Hex triplet	d348ff	`#d348ff`
RGB Decimal	211, 72, 255	`rgb(211,72,255)`
RGB Percent	82.7, 28.2, 100	`rgb(82.7%,28.2%,100%)`
CMYK	17, 72, 0, 0
HSL	285.6°, 100, 64.1	`hsl(285.6,100%,64.1%)`
HSV (or HSB)	285.6°, 71.8, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	57.756, 78.113, -65.326
XYZ	47.229, 25.706, 97.076
xyY	0.278, 0.151, 25.706
CIE-LCH	57.756, 101.829, 320.094
CIE-LUV	57.756, 47.363, -111.732
Hunter-Lab	50.701, 77.552, -78.032
Binary	11010011, 01001000, 11111111

#d348ff
```
#d348ff rgb(211,72,255)
```
#74ff48
```
#74ff48 rgb(116,255,72)
```

Complementary Color

#7848ff
```
#7848ff rgb(120,72,255)
```
#d348ff
```
#d348ff rgb(211,72,255)
```
#ff48d0
```
#ff48d0 rgb(255,72,208)
```

Analogous Color

#48ff78
```
#48ff78 rgb(72,255,120)
```
#d348ff
```
#d348ff rgb(211,72,255)
```
#d0ff48
```
#d0ff48 rgb(208,255,72)
```

Split Complementary Color

#48ffd3
```
#48ffd3 rgb(72,255,211)
```
#d348ff
```
#d348ff rgb(211,72,255)
```
#ffd348
```
#ffd348 rgb(255,211,72)
```

Triadic Color

#4874ff
```
#4874ff rgb(72,116,255)
```
#d348ff
```
#d348ff rgb(211,72,255)
```
#ffd348
```
#ffd348 rgb(255,211,72)
```
#74ff48
```
#74ff48 rgb(116,255,72)
```

Tetradic Color

#be00fb
```
#be00fb rgb(190,0,251)
```
#c715ff
```
#c715ff rgb(199,21,255)
```
#cd2fff
```
#cd2fff rgb(205,47,255)
```
#d348ff
```
#d348ff rgb(211,72,255)
```
#d962ff
```
#d962ff rgb(217,98,255)
```
#df7bff
```
#df7bff rgb(223,123,255)
```
#e595ff
```
#e595ff rgb(229,149,255)
```

Monochromatic Color

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

#a548ff
```
#a548ff rgb(165,72,255)
```
#b548ff
```
#b548ff rgb(181,72,255)
```
#c448ff
```
#c448ff rgb(196,72,255)
```
#d348ff
```
#d348ff rgb(211,72,255)
```
#e248ff
```
#e248ff rgb(226,72,255)
```
#f248ff
```
#f248ff rgb(242,72,255)
```
#ff48fd
```
#ff48fd rgb(255,72,253)
```

Similar Colors

Text with hexadecimal color #d348ff

This text has a font color of #d348ff.

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

#d348ff background color

This paragraph has a background color of #d348ff.

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

#d348ff border color

This element has a border color of #d348ff.

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

CSS codes

.text {color:#d348ff;}

.background {background-color:#d348ff;}

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

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

#0a000d
```
#0a000d rgb(10,0,13)
```
#190021
```
#190021 rgb(25,0,33)
```
#280034
```
#280034 rgb(40,0,52)
```
#370048
```
#370048 rgb(55,0,72)
```
#46005c
```
#46005c rgb(70,0,92)
```
#54006f
```
#54006f rgb(84,0,111)
```
#630083
```
#630083 rgb(99,0,131)
```
#720096
```
#720096 rgb(114,0,150)
```
#8100aa
```
#8100aa rgb(129,0,170)
```
#9000be
```
#9000be rgb(144,0,190)
```
#9f00d1
```
#9f00d1 rgb(159,0,209)
```
#ae00e5
```
#ae00e5 rgb(174,0,229)
```
#bd00f9
```
#bd00f9 rgb(189,0,249)
```

Shade Color Variation

#c50dff
```
#c50dff rgb(197,13,255)
```
#ca21ff
```
#ca21ff rgb(202,33,255)
```
#ce34ff
```
#ce34ff rgb(206,52,255)
```
#d348ff
```
#d348ff rgb(211,72,255)
```
#d85cff
```
#d85cff rgb(216,92,255)
```
#dc6fff
```
#dc6fff rgb(220,111,255)
```
#e183ff
```
#e183ff rgb(225,131,255)
```
#e696ff
```
#e696ff rgb(230,150,255)
```
#ebaaff
```
#ebaaff rgb(235,170,255)
```
#efbeff
```
#efbeff rgb(239,190,255)
```
#f4d1ff
```
#f4d1ff rgb(244,209,255)
```
#f9e5ff
```
#f9e5ff rgb(249,229,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#a79cab
```
#a79cab rgb(167,156,171)
```
#ab95b2
```
#ab95b2 rgb(171,149,178)
```
#ae8eb9
```
#ae8eb9 rgb(174,142,185)
```
#b287c0
```
#b287c0 rgb(178,135,192)
```
#b680c7
```
#b680c7 rgb(182,128,199)
```
#b979ce
```
#b979ce rgb(185,121,206)
```
#bd72d5
```
#bd72d5 rgb(189,114,213)
```
#c16bdc
```
#c16bdc rgb(193,107,220)
```
#c464e3
```
#c464e3 rgb(196,100,227)
```
#c85dea
```
#c85dea rgb(200,93,234)
```
#cc56f1
```
#cc56f1 rgb(204,86,241)
```
#cf4ff8
```
#cf4ff8 rgb(207,79,248)
```
#d348ff
```
#d348ff rgb(211,72,255)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#957a9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8dff Protanopia 1% of men
#4392eb Deuteranopia 1% of men
#c17e86 Tritanopia 0.001% of the population

Trichromacy

#7c74ff Protanomaly 1% of men, 0.01% of women
#7777f2 Deuteranomaly 6% of men, 0.4% of women
#c76ab2 Tritanomaly 0.01% of the population

#d348ff hex color

#d348ff Color Information

#d348ff Color Conversion

Color Schemes with #d348ff

Alternatives to #d348ff

#d348ff Preview

Shades and Tints of #d348ff

Tones of #d348ff

Color Blindness Simulator