colorhexa.com

#d501f3 hex color

In a RGB color space, hex #d501f3 is composed of 83.5% red, 0.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 99.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 292.6 degrees, a saturation of 99.2% and a lightness of 47.8%. #d501f3 color hex could be obtained by blending #ff02ff with #ab00e7. Closest websafe color is: #cc00ff.

- R 84
- G 0
- B 95
RGB color chart
- C 12
- M 100
- Y 0
- K 5
CMYK color chart

● #d501f3 color description : Vivid magenta.

The hexadecimal color #d501f3 has RGB values of R:213, G:1, B:243 and CMYK values of C:0.12, M:1, Y:0, K:0.05. Its decimal value is 13959667.

Hex triplet	d501f3	`#d501f3`
RGB Decimal	213, 1, 243	`rgb(213,1,243)`
RGB Percent	83.5, 0.4, 95.3	`rgb(83.5%,0.4%,95.3%)`
CMYK	12, 100, 0, 5
HSL	292.6°, 99.2, 47.8	`hsl(292.6,99.2%,47.8%)`
HSV (or HSB)	292.6°, 99.6, 95.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.555, 90.2, -67.016
XYZ	43.627, 20.641, 86.475
xyY	0.289, 0.137, 20.641
CIE-LCH	52.555, 112.371, 323.389
CIE-LUV	52.555, 59.435, -112.812
Hunter-Lab	45.433, 91.9, -81.048
Binary	11010101, 00000001, 11110011

#d501f3
```
#d501f3 rgb(213,1,243)
```
#1ff301
```
#1ff301 rgb(31,243,1)
```

Complementary Color

#5c01f3
```
#5c01f3 rgb(92,1,243)
```
#d501f3
```
#d501f3 rgb(213,1,243)
```
#f30198
```
#f30198 rgb(243,1,152)
```

Analogous Color

#01f35c
```
#01f35c rgb(1,243,92)
```
#d501f3
```
#d501f3 rgb(213,1,243)
```
#98f301
```
#98f301 rgb(152,243,1)
```

Split Complementary Color

#01f3d5
```
#01f3d5 rgb(1,243,213)
```
#d501f3
```
#d501f3 rgb(213,1,243)
```
#f3d501
```
#f3d501 rgb(243,213,1)
```

Triadic Color

#9201a7
```
#9201a7 rgb(146,1,167)
```
#a801c0
```
#a801c0 rgb(168,1,192)
```
#bf01da
```
#bf01da rgb(191,1,218)
```
#d501f3
```
#d501f3 rgb(213,1,243)
```
#e00ffe
```
#e00ffe rgb(224,15,254)
```
#e429fe
```
#e429fe rgb(228,41,254)
```
#e742fe
```
#e742fe rgb(231,66,254)
```

Monochromatic Color

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

#9901f3
```
#9901f3 rgb(153,1,243)
```
#ad01f3
```
#ad01f3 rgb(173,1,243)
```
#c101f3
```
#c101f3 rgb(193,1,243)
```
#d501f3
```
#d501f3 rgb(213,1,243)
```
#e901f3
```
#e901f3 rgb(233,1,243)
```
#f301e9
```
#f301e9 rgb(243,1,233)
```
#f301d5
```
#f301d5 rgb(243,1,213)
```

Similar Colors

Text with hexadecimal color #d501f3

This text has a font color of #d501f3.

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

#d501f3 background color

This paragraph has a background color of #d501f3.

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

#d501f3 border color

This element has a border color of #d501f3.

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

CSS codes

.text {color:#d501f3;}

.background {background-color:#d501f3;}

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

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

#080009
```
#080009 rgb(8,0,9)
```
#19001c
```
#19001c rgb(25,0,28)
```
#2a0030
```
#2a0030 rgb(42,0,48)
```
#3b0043
```
#3b0043 rgb(59,0,67)
```
#4c0057
```
#4c0057 rgb(76,0,87)
```
#5d006a
```
#5d006a rgb(93,0,106)
```
#6e017e
```
#6e017e rgb(110,1,126)
```
#7f0191
```
#7f0191 rgb(127,1,145)
```
#9101a5
```
#9101a5 rgb(145,1,165)
```
#a201b8
```
#a201b8 rgb(162,1,184)
```
#b301cc
```
#b301cc rgb(179,1,204)
```
#c401df
```
#c401df rgb(196,1,223)
```
#d501f3
```
#d501f3 rgb(213,1,243)
```

Shade Color Variation

#e00afe
```
#e00afe rgb(224,10,254)
```
#e21dfe
```
#e21dfe rgb(226,29,254)
```
#e531fe
```
#e531fe rgb(229,49,254)
```
#e744fe
```
#e744fe rgb(231,68,254)
```
#ea58fe
```
#ea58fe rgb(234,88,254)
```
#ec6bfe
```
#ec6bfe rgb(236,107,254)
```
#ef7ffe
```
#ef7ffe rgb(239,127,254)
```
#f192ff
```
#f192ff rgb(241,146,255)
```
#f4a6ff
```
#f4a6ff rgb(244,166,255)
```
#f6b9ff
```
#f6b9ff rgb(246,185,255)
```
#f9cdff
```
#f9cdff rgb(249,205,255)
```
#fbe1ff
```
#fbe1ff rgb(251,225,255)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#807282
```
#807282 rgb(128,114,130)
```
#87688c
```
#87688c rgb(135,104,140)
```
#8e5f95
```
#8e5f95 rgb(142,95,149)
```
#95559f
```
#95559f rgb(149,85,159)
```
#9d4ca8
```
#9d4ca8 rgb(157,76,168)
```
#a443b1
```
#a443b1 rgb(164,67,177)
```
#ab39bb
```
#ab39bb rgb(171,57,187)
```
#b230c4
```
#b230c4 rgb(178,48,196)
```
#b927cd
```
#b927cd rgb(185,39,205)
```
#c01dd7
```
#c01dd7 rgb(192,29,215)
```
#c714e0
```
#c714e0 rgb(199,20,224)
```
#ce0aea
```
#ce0aea rgb(206,10,234)
```
#d501f3
```
#d501f3 rgb(213,1,243)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#744a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080f9 Protanopia 1% of men
#2b85dc Deuteranopia 1% of men
#c3686e Tritanopia 0.001% of the population

Trichromacy

#4d52f7 Protanomaly 1% of men, 0.01% of women
#6955e4 Deuteranomaly 6% of men, 0.4% of women
#ca429e Tritanomaly 0.01% of the population