colorhexa.com

#de31bb hex color

In a RGB color space, hex #de31bb is composed of 87.1% red, 19.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.9% magenta, 15.8% yellow and 12.9% black. It has a hue angle of 312.1 degrees, a saturation of 72.4% and a lightness of 53.1%. #de31bb color hex could be obtained by blending #ff62ff with #bd0077. Closest websafe color is: #cc33cc.

- R 87
- G 19
- B 73
RGB color chart
- C 0
- M 78
- Y 16
- K 13
CMYK color chart

● #de31bb color description : Bright magenta.

The hexadecimal color #de31bb has RGB values of R:222, G:49, B:187 and CMYK values of C:0, M:0.78, Y:0.16, K:0.13. Its decimal value is 14561723.

Hex triplet	de31bb	`#de31bb`
RGB Decimal	222, 49, 187	`rgb(222,49,187)`
RGB Percent	87.1, 19.2, 73.3	`rgb(87.1%,19.2%,73.3%)`
CMYK	0, 78, 16, 13
HSL	312.1°, 72.4, 53.1	`hsl(312.1,72.4%,53.1%)`
HSV (or HSB)	312.1°, 77.9, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	53.295, 76.608, -33.8
XYZ	40.192, 21.317, 49.009
xyY	0.364, 0.193, 21.317
CIE-LCH	53.295, 83.733, 336.193
CIE-LUV	53.295, 82.635, -62.29
Hunter-Lab	46.171, 74.587, -30.615
Binary	11011110, 00110001, 10111011

#de31bb
```
#de31bb rgb(222,49,187)
```
#31de54
```
#31de54 rgb(49,222,84)
```

Complementary Color

#ab31de
```
#ab31de rgb(171,49,222)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#de3165
```
#de3165 rgb(222,49,101)
```

Analogous Color

#31deab
```
#31deab rgb(49,222,171)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#65de31
```
#65de31 rgb(101,222,49)
```

Split Complementary Color

#31bbde
```
#31bbde rgb(49,187,222)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#bbde31
```
#bbde31 rgb(187,222,49)
```

Triadic Color

#5431de
```
#5431de rgb(84,49,222)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#bbde31
```
#bbde31 rgb(187,222,49)
```
#31de54
```
#31de54 rgb(49,222,84)
```

Tetradic Color

#a81b8b
```
#a81b8b rgb(168,27,139)
```
#be1e9d
```
#be1e9d rgb(190,30,157)
```
#d422b0
```
#d422b0 rgb(212,34,176)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#e247c2
```
#e247c2 rgb(226,71,194)
```
#e55dca
```
#e55dca rgb(229,93,202)
```
#e973d1
```
#e973d1 rgb(233,115,209)
```

Monochromatic Color

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

#d631de
```
#d631de rgb(214,49,222)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#de31c9
```
#de31c9 rgb(222,49,201)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#de31ad
```
#de31ad rgb(222,49,173)
```
#de319e
```
#de319e rgb(222,49,158)
```
#de3190
```
#de3190 rgb(222,49,144)
```

Similar Colors

Text with hexadecimal color #de31bb

This text has a font color of #de31bb.

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

#de31bb background color

This paragraph has a background color of #de31bb.

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

#de31bb border color

This element has a border color of #de31bb.

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

CSS codes

.text {color:#de31bb;}

.background {background-color:#de31bb;}

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

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

#0e020b
```
#0e020b rgb(14,2,11)
```
#1f0519
```
#1f0519 rgb(31,5,25)
```
#300828
```
#300828 rgb(48,8,40)
```
#410a36
```
#410a36 rgb(65,10,54)
```
#510d44
```
#510d44 rgb(81,13,68)
```
#621052
```
#621052 rgb(98,16,82)
```
#731260
```
#731260 rgb(115,18,96)
```
#84156e
```
#84156e rgb(132,21,110)
```
#95187c
```
#95187c rgb(149,24,124)
```
#a61b8a
```
#a61b8a rgb(166,27,138)
```
#b71d98
```
#b71d98 rgb(183,29,152)
```
#c820a6
```
#c820a6 rgb(200,32,166)
```
#d923b4
```
#d923b4 rgb(217,35,180)
```

Shade Color Variation

#de31bb
```
#de31bb rgb(222,49,187)
```
#e142c1
```
#e142c1 rgb(225,66,193)
```
#e353c6
```
#e353c6 rgb(227,83,198)
```
#e664cc
```
#e664cc rgb(230,100,204)
```
#e975d1
```
#e975d1 rgb(233,117,209)
```
#ec86d7
```
#ec86d7 rgb(236,134,215)
```
#ee96dc
```
#ee96dc rgb(238,150,220)
```
#f1a7e2
```
#f1a7e2 rgb(241,167,226)
```
#f4b8e8
```
#f4b8e8 rgb(244,184,232)
```
#f6c9ed
```
#f6c9ed rgb(246,201,237)
```
#f9daf3
```
#f9daf3 rgb(249,218,243)
```
#fcebf8
```
#fcebf8 rgb(252,235,248)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#8b848a
```
#8b848a rgb(139,132,138)
```
#947b8f
```
#947b8f rgb(148,123,143)
```
#9e7195
```
#9e7195 rgb(158,113,149)
```
#a7689a
```
#a7689a rgb(167,104,154)
```
#b05fa0
```
#b05fa0 rgb(176,95,160)
```
#b956a5
```
#b956a5 rgb(185,86,165)
```
#c24dab
```
#c24dab rgb(194,77,171)
```
#cc43b0
```
#cc43b0 rgb(204,67,176)
```
#d53ab6
```
#d53ab6 rgb(213,58,182)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#e728c0
```
#e728c0 rgb(231,40,192)
```
#f01fc6
```
#f01fc6 rgb(240,31,198)
```
#fa15cb
```
#fa15cb rgb(250,21,203)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#896782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4382ee Protanopia 1% of men
#7a84ae Deuteranopia 1% of men
#d65d63 Tritanopia 0.001% of the population

Trichromacy

#7b64db Protanomaly 1% of men, 0.01% of women
#9e65b3 Deuteranomaly 6% of men, 0.4% of women
#d94d83 Tritanomaly 0.01% of the population