#d228f8 hex color

In a RGB color space, hex #d228f8 is composed of 82.4% red, 15.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 83.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 289 degrees, a saturation of 93.7% and a lightness of 56.5%. #d228f8 color hex could be obtained by blending #ff50ff with #a500f1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 82
- G 16
- B 97
RGB color chart
- C 15
- M 84
- Y 0
- K 3
CMYK color chart

● #d228f8 color description : Bright magenta.

The hexadecimal color #d228f8 has RGB values of R:210, G:40, B:248 and CMYK values of C:0.15, M:0.84, Y:0, K:0.03. Its decimal value is 13773048.

Hex triplet	d228f8	`#d228f8`
RGB Decimal	210, 40, 248	`rgb(210,40,248)`
RGB Percent	82.4, 15.7, 97.3	`rgb(82.4%,15.7%,97.3%)`
CMYK	15, 84, 0, 3
HSL	289°, 93.7, 56.5	`hsl(289,93.7%,56.5%)`
HSV (or HSB)	289°, 83.9, 97.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.026, 85.769, -67.459
XYZ	44.279, 21.999, 90.716
xyY	0.282, 0.14, 21.999
CIE-LCH	54.026, 109.12, 321.814
CIE-LUV	54.026, 53.489, -113.81
Hunter-Lab	46.903, 86.433, -81.842
Binary	11010010, 00101000, 11111000

#d228f8
```
#d228f8 rgb(210,40,248)
```
#4ef828
```
#4ef828 rgb(78,248,40)
```

Complementary Color

#6a28f8
```
#6a28f8 rgb(106,40,248)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```
#f828b6
```
#f828b6 rgb(248,40,182)
```

Analogous Color

#28f86a
```
#28f86a rgb(40,248,106)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```
#b6f828
```
#b6f828 rgb(182,248,40)
```

Split Complementary Color

#28f8d2
```
#28f8d2 rgb(40,248,210)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```
#f8d228
```
#f8d228 rgb(248,210,40)
```

Triadic Color

#284ef8
```
#284ef8 rgb(40,78,248)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```
#f8d228
```
#f8d228 rgb(248,210,40)
```
#4ef828
```
#4ef828 rgb(78,248,40)
```

Tetradic Color

#a907cd
```
#a907cd rgb(169,7,205)
```
#bd07e6
```
#bd07e6 rgb(189,7,230)
```
#cd0ff7
```
#cd0ff7 rgb(205,15,247)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```
#d741f9
```
#d741f9 rgb(215,65,249)
```
#dc59fa
```
#dc59fa rgb(220,89,250)
```
#e272fa
```
#e272fa rgb(226,114,250)
```

Monochromatic Color

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

#9e28f8
```
#9e28f8 rgb(158,40,248)
```
#af28f8
```
#af28f8 rgb(175,40,248)
```
#c128f8
```
#c128f8 rgb(193,40,248)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```
#e328f8
```
#e328f8 rgb(227,40,248)
```
#f528f8
```
#f528f8 rgb(245,40,248)
```
#f828ea
```
#f828ea rgb(248,40,234)
```

Similar Colors

Text with hexadecimal color #d228f8

This text has a font color of #d228f8.

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

#d228f8 background color

This paragraph has a background color of #d228f8.

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

#d228f8 border color

This element has a border color of #d228f8.

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

CSS codes

.text {color:#d228f8;}

.background {background-color:#d228f8;}

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

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

#0b000d
```
#0b000d rgb(11,0,13)
```
#1a0120
```
#1a0120 rgb(26,1,32)
```
#2a0233
```
#2a0233 rgb(42,2,51)
```
#3a0246
```
#3a0246 rgb(58,2,70)
```
#490359
```
#490359 rgb(73,3,89)
```
#59046c
```
#59046c rgb(89,4,108)
```
#69047f
```
#69047f rgb(105,4,127)
```
#780592
```
#780592 rgb(120,5,146)
```
#8805a5
```
#8805a5 rgb(136,5,165)
```
#9706b8
```
#9706b8 rgb(151,6,184)
```
#a707cb
```
#a707cb rgb(167,7,203)
```
#b707de
```
#b707de rgb(183,7,222)
```
#c608f1
```
#c608f1 rgb(198,8,241)
```

Shade Color Variation

#ce15f7
```
#ce15f7 rgb(206,21,247)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```
#d63bf9
```
#d63bf9 rgb(214,59,249)
```
#da4ef9
```
#da4ef9 rgb(218,78,249)
```
#de61fa
```
#de61fa rgb(222,97,250)
```
#e274fa
```
#e274fa rgb(226,116,250)
```
#e687fb
```
#e687fb rgb(230,135,251)
```
#ea9afc
```
#ea9afc rgb(234,154,252)
```
#eeadfc
```
#eeadfc rgb(238,173,252)
```
#f2c0fd
```
#f2c0fd rgb(242,192,253)
```
#f6d3fe
```
#f6d3fe rgb(246,211,254)
```
#fae6fe
```
#fae6fe rgb(250,230,254)
```
#fef9ff
```
#fef9ff rgb(254,249,255)
```

Tint Color Variation

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

#918e92
```
#918e92 rgb(145,142,146)
```
#96869a
```
#96869a rgb(150,134,154)
```
#9c7da3
```
#9c7da3 rgb(156,125,163)
```
#a175ab
```
#a175ab rgb(161,117,171)
```
#a76cb4
```
#a76cb4 rgb(167,108,180)
```
#ac64bc
```
#ac64bc rgb(172,100,188)
```
#b15bc5
```
#b15bc5 rgb(177,91,197)
```
#b753cd
```
#b753cd rgb(183,83,205)
```
#bc4ad6
```
#bc4ad6 rgb(188,74,214)
```
#c242de
```
#c242de rgb(194,66,222)
```
#c739e7
```
#c739e7 rgb(199,57,231)
```
#cd31ef
```
#cd31ef rgb(205,49,239)
```
#d228f8
```
#d228f8 rgb(210,40,248)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#86648e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b83ff Protanopia 1% of men
#2b89e2 Deuteranopia 1% of men
#c07077 Tritanopia 0.001% of the population

Trichromacy

#5d62fc Protanomaly 1% of men, 0.01% of women
#6866ea Deuteranomaly 6% of men, 0.4% of women
#c656a6 Tritanomaly 0.01% of the population

#d228f8 hex color

#d228f8 Color Information

#d228f8 Color Conversion

Color Schemes with #d228f8

Alternatives to #d228f8

#d228f8 Preview

Shades and Tints of #d228f8

Tones of #d228f8

Color Blindness Simulator