#7227bb hex color

In a RGB color space, hex #7227bb is composed of 44.7% red, 15.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 79.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 270.4 degrees, a saturation of 65.5% and a lightness of 44.3%. #7227bb color hex could be obtained by blending #e44eff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 15
- B 73
RGB color chart
- C 39
- M 79
- Y 0
- K 27
CMYK color chart

● #7227bb color description : Strong violet.

The hexadecimal color #7227bb has RGB values of R:114, G:39, B:187 and CMYK values of C:0.39, M:0.79, Y:0, K:0.27. Its decimal value is 7481275.

Hex triplet	7227bb	`#7227bb`
RGB Decimal	114, 39, 187	`rgb(114,39,187)`
RGB Percent	44.7, 15.3, 73.3	`rgb(44.7%,15.3%,73.3%)`
CMYK	39, 79, 0, 27
HSL	270.4°, 65.5, 44.3	`hsl(270.4,65.5%,44.3%)`
HSV (or HSB)	270.4°, 79.1, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.235, 58.831, -63.665
XYZ	16.633, 8.616, 47.798
xyY	0.228, 0.118, 8.616
CIE-LCH	35.235, 86.685, 312.74
CIE-LUV	35.235, 14.731, -91.729
Hunter-Lab	29.354, 49.777, -75.996
Binary	01110010, 00100111, 10111011

#7227bb
```
#7227bb rgb(114,39,187)
```
#70bb27
```
#70bb27 rgb(112,187,39)
```

Complementary Color

#2827bb
```
#2827bb rgb(40,39,187)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#bb27ba
```
#bb27ba rgb(187,39,186)
```

Analogous Color

#27bb28
```
#27bb28 rgb(39,187,40)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#babb27
```
#babb27 rgb(186,187,39)
```

Split Complementary Color

#27bb72
```
#27bb72 rgb(39,187,114)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#bb7227
```
#bb7227 rgb(187,114,39)
```

Triadic Color

#2770bb
```
#2770bb rgb(39,112,187)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#bb7227
```
#bb7227 rgb(187,114,39)
```
#70bb27
```
#70bb27 rgb(112,187,39)
```

Tetradic Color

#4b1a7c
```
#4b1a7c rgb(75,26,124)
```
#581e91
```
#581e91 rgb(88,30,145)
```
#6523a6
```
#6523a6 rgb(101,35,166)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#7f2bd0
```
#7f2bd0 rgb(127,43,208)
```
#8c3ed7
```
#8c3ed7 rgb(140,62,215)
```
#9853db
```
#9853db rgb(152,83,219)
```

Monochromatic Color

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

#4d27bb
```
#4d27bb rgb(77,39,187)
```
#5927bb
```
#5927bb rgb(89,39,187)
```
#6627bb
```
#6627bb rgb(102,39,187)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#7e27bb
```
#7e27bb rgb(126,39,187)
```
#8b27bb
```
#8b27bb rgb(139,39,187)
```
#9727bb
```
#9727bb rgb(151,39,187)
```

Similar Colors

Text with hexadecimal color #7227bb

This text has a font color of #7227bb.

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

#7227bb background color

This paragraph has a background color of #7227bb.

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

#7227bb border color

This element has a border color of #7227bb.

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

CSS codes

.text {color:#7227bb;}

.background {background-color:#7227bb;}

.border {border:1px solid #7227bb;}

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

#050208
```
#050208 rgb(5,2,8)
```
#0f0519
```
#0f0519 rgb(15,5,25)
```
#190929
```
#190929 rgb(25,9,41)
```
#230c39
```
#230c39 rgb(35,12,57)
```
#2d0f49
```
#2d0f49 rgb(45,15,73)
```
#37135a
```
#37135a rgb(55,19,90)
```
#41166a
```
#41166a rgb(65,22,106)
```
#4a197a
```
#4a197a rgb(74,25,122)
```
#541d8a
```
#541d8a rgb(84,29,138)
```
#5e209b
```
#5e209b rgb(94,32,155)
```
#6824ab
```
#6824ab rgb(104,36,171)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#7c2acb
```
#7c2acb rgb(124,42,203)
```

Shade Color Variation

#8634d5
```
#8634d5 rgb(134,52,213)
```
#8f45d8
```
#8f45d8 rgb(143,69,216)
```
#9955dc
```
#9955dc rgb(153,85,220)
```
#a365df
```
#a365df rgb(163,101,223)
```
#ad75e2
```
#ad75e2 rgb(173,117,226)
```
#b686e6
```
#b686e6 rgb(182,134,230)
```
#c096e9
```
#c096e9 rgb(192,150,233)
```
#caa6ec
```
#caa6ec rgb(202,166,236)
```
#d3b6f0
```
#d3b6f0 rgb(211,182,240)
```
#ddc7f3
```
#ddc7f3 rgb(221,199,243)
```
#e7d7f7
```
#e7d7f7 rgb(231,215,247)
```
#f1e7fa
```
#f1e7fa rgb(241,231,250)
```
#faf7fd
```
#faf7fd rgb(250,247,253)
```

Tint Color Variation

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

#716d75
```
#716d75 rgb(113,109,117)
```
#71647e
```
#71647e rgb(113,100,126)
```
#715b87
```
#715b87 rgb(113,91,135)
```
#715290
```
#715290 rgb(113,82,144)
```
#724a98
```
#724a98 rgb(114,74,152)
```
#7241a1
```
#7241a1 rgb(114,65,161)
```
#7238aa
```
#7238aa rgb(114,56,170)
```
#7230b2
```
#7230b2 rgb(114,48,178)
```
#7227bb
```
#7227bb rgb(114,39,187)
```
#721ec4
```
#721ec4 rgb(114,30,196)
```
#7216cc
```
#7216cc rgb(114,22,204)
```
#720dd5
```
#720dd5 rgb(114,13,213)
```
#7204de
```
#7204de rgb(114,4,222)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#554664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005d98 Deuteranopia 1% of men
#605960 Tritanopia 0.001% of the population

Trichromacy

#2946b2 Protanomaly 1% of men, 0.01% of women
#2949a5 Deuteranomaly 6% of men, 0.4% of women
#674781 Tritanomaly 0.01% of the population

#7227bb hex color

#7227bb Color Information

#7227bb Color Conversion

Color Schemes with #7227bb

Alternatives to #7227bb

#7227bb Preview

Shades and Tints of #7227bb

Tones of #7227bb

Color Blindness Simulator