#d336f0 hex color

In a RGB color space, hex #d336f0 is composed of 82.7% red, 21.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 77.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 290.6 degrees, a saturation of 86.1% and a lightness of 57.6%. #d336f0 color hex could be obtained by blending #ff6cff with #a700e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 83
- G 21
- B 94
RGB color chart
- C 12
- M 78
- Y 0
- K 6
CMYK color chart

● #d336f0 color description : Bright magenta.

The hexadecimal color #d336f0 has RGB values of R:211, G:54, B:240 and CMYK values of C:0.12, M:0.78, Y:0, K:0.06. Its decimal value is 13842160.

Hex triplet	d336f0	`#d336f0`
RGB Decimal	211, 54, 240	`rgb(211,54,240)`
RGB Percent	82.7, 21.2, 94.1	`rgb(82.7%,21.2%,94.1%)`
CMYK	12, 78, 0, 6
HSL	290.6°, 86.1, 57.6	`hsl(290.6,86.1%,57.6%)`
HSV (or HSB)	290.6°, 77.5, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.846, 81.155, -61.658
XYZ	43.91, 22.781, 84.518
xyY	0.29, 0.151, 22.781
CIE-LCH	54.846, 101.921, 322.774
CIE-LUV	54.846, 54.865, -105.215
Hunter-Lab	47.729, 80.69, -71.579
Binary	11010011, 00110110, 11110000

#d336f0
```
#d336f0 rgb(211,54,240)
```
#53f036
```
#53f036 rgb(83,240,54)
```

Complementary Color

#7636f0
```
#7636f0 rgb(118,54,240)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#f036b0
```
#f036b0 rgb(240,54,176)
```

Analogous Color

#36f076
```
#36f076 rgb(54,240,118)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#b0f036
```
#b0f036 rgb(176,240,54)
```

Split Complementary Color

#36f0d3
```
#36f0d3 rgb(54,240,211)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#f0d336
```
#f0d336 rgb(240,211,54)
```

Triadic Color

#3653f0
```
#3653f0 rgb(54,83,240)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#f0d336
```
#f0d336 rgb(240,211,54)
```
#53f036
```
#53f036 rgb(83,240,54)
```

Tetradic Color

#ad0fca
```
#ad0fca rgb(173,15,202)
```
#c211e2
```
#c211e2 rgb(194,17,226)
```
#ce1eee
```
#ce1eee rgb(206,30,238)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#d84ef2
```
#d84ef2 rgb(216,78,242)
```
#dd65f4
```
#dd65f4 rgb(221,101,244)
```
#e37df5
```
#e37df5 rgb(227,125,245)
```

Monochromatic Color

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

#a536f0
```
#a536f0 rgb(165,54,240)
```
#b436f0
```
#b436f0 rgb(180,54,240)
```
#c436f0
```
#c436f0 rgb(196,54,240)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#e336f0
```
#e336f0 rgb(227,54,240)
```
#f036ee
```
#f036ee rgb(240,54,238)
```
#f036df
```
#f036df rgb(240,54,223)
```

Similar Colors

Text with hexadecimal color #d336f0

This text has a font color of #d336f0.

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

#d336f0 background color

This paragraph has a background color of #d336f0.

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

#d336f0 border color

This element has a border color of #d336f0.

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

CSS codes

.text {color:#d336f0;}

.background {background-color:#d336f0;}

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

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

#0f0112
```
#0f0112 rgb(15,1,18)
```
#1f0324
```
#1f0324 rgb(31,3,36)
```
#2f0437
```
#2f0437 rgb(47,4,55)
```
#3e0549
```
#3e0549 rgb(62,5,73)
```
#4e075b
```
#4e075b rgb(78,7,91)
```
#5e086d
```
#5e086d rgb(94,8,109)
```
#6d0a80
```
#6d0a80 rgb(109,10,128)
```
#7d0b92
```
#7d0b92 rgb(125,11,146)
```
#8c0ca4
```
#8c0ca4 rgb(140,12,164)
```
#9c0eb6
```
#9c0eb6 rgb(156,14,182)
```
#ac0fc9
```
#ac0fc9 rgb(172,15,201)
```
#bb10db
```
#bb10db rgb(187,16,219)
```
#cb12ed
```
#cb12ed rgb(203,18,237)
```

Shade Color Variation

#cf24ef
```
#cf24ef rgb(207,36,239)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#d748f1
```
#d748f1 rgb(215,72,241)
```
#db5bf3
```
#db5bf3 rgb(219,91,243)
```
#df6df4
```
#df6df4 rgb(223,109,244)
```
#e37ff5
```
#e37ff5 rgb(227,127,245)
```
#e791f7
```
#e791f7 rgb(231,145,247)
```
#eba4f8
```
#eba4f8 rgb(235,164,248)
```
#efb6fa
```
#efb6fa rgb(239,182,250)
```
#f3c8fb
```
#f3c8fb rgb(243,200,251)
```
#f7dafc
```
#f7dafc rgb(247,218,252)
```
#fbedfe
```
#fbedfe rgb(251,237,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#949195
```
#949195 rgb(148,145,149)
```
#9a899d
```
#9a899d rgb(154,137,157)
```
#a081a5
```
#a081a5 rgb(160,129,165)
```
#a578ae
```
#a578ae rgb(165,120,174)
```
#ab70b6
```
#ab70b6 rgb(171,112,182)
```
#b168be
```
#b168be rgb(177,104,190)
```
#b660c6
```
#b660c6 rgb(182,96,198)
```
#bc57cf
```
#bc57cf rgb(188,87,207)
```
#c24fd7
```
#c24fd7 rgb(194,79,215)
```
#c847df
```
#c847df rgb(200,71,223)
```
#cd3ee8
```
#cd3ee8 rgb(205,62,232)
```
#d336f0
```
#d336f0 rgb(211,54,240)
```
#d92ef8
```
#d92ef8 rgb(217,46,248)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8c6c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#488add Deuteranopia 1% of men
#c37179 Tritanopia 0.001% of the population

Trichromacy

#6968f9 Protanomaly 1% of men, 0.01% of women
#7a6be3 Deuteranomaly 6% of men, 0.4% of women
#c95ca4 Tritanomaly 0.01% of the population

#d336f0 hex color

#d336f0 Color Information

#d336f0 Color Conversion

Color Schemes with #d336f0

Alternatives to #d336f0

#d336f0 Preview

Shades and Tints of #d336f0

Tones of #d336f0

Color Blindness Simulator