#d228f0 hex color

In a RGB color space, hex #d228f0 is composed of 82.4% red, 15.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 83.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 291 degrees, a saturation of 87% and a lightness of 54.9%. #d228f0 color hex could be obtained by blending #ff50ff with #a500e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 82
- G 16
- B 94
RGB color chart
- C 13
- M 83
- Y 0
- K 6
CMYK color chart

● #d228f0 color description : Bright magenta.

The hexadecimal color #d228f0 has RGB values of R:210, G:40, B:240 and CMYK values of C:0.13, M:0.83, Y:0, K:0.06. Its decimal value is 13773040.

Hex triplet	d228f0	`#d228f0`
RGB Decimal	210, 40, 240	`rgb(210,40,240)`
RGB Percent	82.4, 15.7, 94.1	`rgb(82.4%,15.7%,94.1%)`
CMYK	13, 83, 0, 6
HSL	291°, 87, 54.9	`hsl(291,87%,54.9%)`
HSV (or HSB)	291°, 83.3, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.506, 84.431, -63.822
XYZ	43.064, 21.513, 84.317
xyY	0.289, 0.144, 21.513
CIE-LCH	53.506, 105.839, 322.914
CIE-LUV	53.506, 56.043, -108.094
Hunter-Lab	46.382, 84.562, -75.316
Binary	11010010, 00101000, 11110000

#d228f0
```
#d228f0 rgb(210,40,240)
```
#46f028
```
#46f028 rgb(70,240,40)
```

Complementary Color

#6e28f0
```
#6e28f0 rgb(110,40,240)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#f028aa
```
#f028aa rgb(240,40,170)
```

Analogous Color

#28f06e
```
#28f06e rgb(40,240,110)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#aaf028
```
#aaf028 rgb(170,240,40)
```

Split Complementary Color

#28f0d2
```
#28f0d2 rgb(40,240,210)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#f0d228
```
#f0d228 rgb(240,210,40)
```

Triadic Color

#2846f0
```
#2846f0 rgb(40,70,240)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#f0d228
```
#f0d228 rgb(240,210,40)
```
#46f028
```
#46f028 rgb(70,240,40)
```

Tetradic Color

#a40dbe
```
#a40dbe rgb(164,13,190)
```
#b80fd6
```
#b80fd6 rgb(184,15,214)
```
#cd11ee
```
#cd11ee rgb(205,17,238)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#d740f2
```
#d740f2 rgb(215,64,242)
```
#dc58f3
```
#dc58f3 rgb(220,88,243)
```
#e170f5
```
#e170f5 rgb(225,112,245)
```

Monochromatic Color

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

#a028f0
```
#a028f0 rgb(160,40,240)
```
#b128f0
```
#b128f0 rgb(177,40,240)
```
#c128f0
```
#c128f0 rgb(193,40,240)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#e328f0
```
#e328f0 rgb(227,40,240)
```
#f028ed
```
#f028ed rgb(240,40,237)
```
#f028dc
```
#f028dc rgb(240,40,220)
```

Similar Colors

Text with hexadecimal color #d228f0

This text has a font color of #d228f0.

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

#d228f0 background color

This paragraph has a background color of #d228f0.

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

#d228f0 border color

This element has a border color of #d228f0.

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

CSS codes

.text {color:#d228f0;}

.background {background-color:#d228f0;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#140217
```
#140217 rgb(20,2,23)
```
#24032a
```
#24032a rgb(36,3,42)
```
#34043c
```
#34043c rgb(52,4,60)
```
#43054e
```
#43054e rgb(67,5,78)
```
#530761
```
#530761 rgb(83,7,97)
```
#630873
```
#630873 rgb(99,8,115)
```
#730985
```
#730985 rgb(115,9,133)
```
#830b98
```
#830b98 rgb(131,11,152)
```
#920caa
```
#920caa rgb(146,12,170)
```
#a20dbc
```
#a20dbc rgb(162,13,188)
```
#b20ecf
```
#b20ecf rgb(178,14,207)
```
#c210e1
```
#c210e1 rgb(194,16,225)
```

Shade Color Variation

#ce16ef
```
#ce16ef rgb(206,22,239)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#d63af1
```
#d63af1 rgb(214,58,241)
```
#da4df3
```
#da4df3 rgb(218,77,243)
```
#de5ff4
```
#de5ff4 rgb(222,95,244)
```
#e171f5
```
#e171f5 rgb(225,113,245)
```
#e584f6
```
#e584f6 rgb(229,132,246)
```
#e996f8
```
#e996f8 rgb(233,150,248)
```
#eda8f9
```
#eda8f9 rgb(237,168,249)
```
#f1bbfa
```
#f1bbfa rgb(241,187,250)
```
#f5cdfc
```
#f5cdfc rgb(245,205,252)
```
#f8dffd
```
#f8dffd rgb(248,223,253)
```
#fcf2fe
```
#fcf2fe rgb(252,242,254)
```

Tint Color Variation

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

#8e898f
```
#8e898f rgb(142,137,143)
```
#948098
```
#948098 rgb(148,128,152)
```
#9a78a0
```
#9a78a0 rgb(154,120,160)
```
#a06fa9
```
#a06fa9 rgb(160,111,169)
```
#a766b2
```
#a766b2 rgb(167,102,178)
```
#ad5dbb
```
#ad5dbb rgb(173,93,187)
```
#b354c4
```
#b354c4 rgb(179,84,196)
```
#b94bcd
```
#b94bcd rgb(185,75,205)
```
#bf43d5
```
#bf43d5 rgb(191,67,213)
```
#c63ade
```
#c63ade rgb(198,58,222)
```
#cc31e7
```
#cc31e7 rgb(204,49,231)
```
#d228f0
```
#d228f0 rgb(210,40,240)
```
#d81ff9
```
#d81ff9 rgb(216,31,249)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#85638b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fe Protanopia 1% of men
#3c87db Deuteranopia 1% of men
#c16d74 Tritanopia 0.001% of the population

Trichromacy

#4c61f9 Protanomaly 1% of men, 0.01% of women
#7265e3 Deuteranomaly 6% of men, 0.4% of women
#c754a1 Tritanomaly 0.01% of the population

#d228f0 hex color

#d228f0 Color Information

#d228f0 Color Conversion

Color Schemes with #d228f0

Alternatives to #d228f0

#d228f0 Preview

Shades and Tints of #d228f0

Tones of #d228f0

Color Blindness Simulator