#7225bb hex color

In a RGB color space, hex #7225bb is composed of 44.7% red, 14.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 80.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 270.8 degrees, a saturation of 67% and a lightness of 43.9%. #7225bb color hex could be obtained by blending #e44aff with #000077. Closest websafe color is: #6633cc.

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

● #7225bb color description : Strong violet.

The hexadecimal color #7225bb has RGB values of R:114, G:37, B:187 and CMYK values of C:0.39, M:0.8, Y:0, K:0.27. Its decimal value is 7480763.

Hex triplet	7225bb	`#7225bb`
RGB Decimal	114, 37, 187	`rgb(114,37,187)`
RGB Percent	44.7, 14.5, 73.3	`rgb(44.7%,14.5%,73.3%)`
CMYK	39, 80, 0, 27
HSL	270.8°, 67, 43.9	`hsl(270.8,67%,43.9%)`
HSV (or HSB)	270.8°, 80.2, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.98, 59.57, -64.081
XYZ	16.569, 8.489, 47.777
xyY	0.227, 0.117, 8.489
CIE-LCH	34.98, 87.493, 312.911
CIE-LUV	34.98, 14.964, -92.02
Hunter-Lab	29.135, 50.527, -76.831
Binary	01110010, 00100101, 10111011

#7225bb
```
#7225bb rgb(114,37,187)
```
#6ebb25
```
#6ebb25 rgb(110,187,37)
```

Complementary Color

#2725bb
```
#2725bb rgb(39,37,187)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#bb25b9
```
#bb25b9 rgb(187,37,185)
```

Analogous Color

#25bb27
```
#25bb27 rgb(37,187,39)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#b9bb25
```
#b9bb25 rgb(185,187,37)
```

Split Complementary Color

#25bb72
```
#25bb72 rgb(37,187,114)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#bb7225
```
#bb7225 rgb(187,114,37)
```

Triadic Color

#256ebb
```
#256ebb rgb(37,110,187)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#bb7225
```
#bb7225 rgb(187,114,37)
```
#6ebb25
```
#6ebb25 rgb(110,187,37)
```

Tetradic Color

#4b187b
```
#4b187b rgb(75,24,123)
```
#581d90
```
#581d90 rgb(88,29,144)
```
#6521a6
```
#6521a6 rgb(101,33,166)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#7f29d0
```
#7f29d0 rgb(127,41,208)
```
#8c3bd8
```
#8c3bd8 rgb(140,59,216)
```
#9850dc
```
#9850dc rgb(152,80,220)
```

Monochromatic Color

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

#4c25bb
```
#4c25bb rgb(76,37,187)
```
#5925bb
```
#5925bb rgb(89,37,187)
```
#6625bb
```
#6625bb rgb(102,37,187)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#7f25bb
```
#7f25bb rgb(127,37,187)
```
#8b25bb
```
#8b25bb rgb(139,37,187)
```
#9825bb
```
#9825bb rgb(152,37,187)
```

Similar Colors

Text with hexadecimal color #7225bb

This text has a font color of #7225bb.

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

#7225bb background color

This paragraph has a background color of #7225bb.

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

#7225bb border color

This element has a border color of #7225bb.

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

CSS codes

.text {color:#7225bb;}

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

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0e0517
```
#0e0517 rgb(14,5,23)
```
#180828
```
#180828 rgb(24,8,40)
```
#220b38
```
#220b38 rgb(34,11,56)
```
#2c0e48
```
#2c0e48 rgb(44,14,72)
```
#361259
```
#361259 rgb(54,18,89)
```
#401569
```
#401569 rgb(64,21,105)
```
#4a1879
```
#4a1879 rgb(74,24,121)
```
#541b8a
```
#541b8a rgb(84,27,138)
```
#5e1f9a
```
#5e1f9a rgb(94,31,154)
```
#6822ab
```
#6822ab rgb(104,34,171)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#7c28cb
```
#7c28cb rgb(124,40,203)
```

Shade Color Variation

#8631d6
```
#8631d6 rgb(134,49,214)
```
#8f41d9
```
#8f41d9 rgb(143,65,217)
```
#9952dd
```
#9952dd rgb(153,82,221)
```
#a362e0
```
#a362e0 rgb(163,98,224)
```
#ac72e3
```
#ac72e3 rgb(172,114,227)
```
#b683e6
```
#b683e6 rgb(182,131,230)
```
#c093ea
```
#c093ea rgb(192,147,234)
```
#c9a4ed
```
#c9a4ed rgb(201,164,237)
```
#d3b4f0
```
#d3b4f0 rgb(211,180,240)
```
#ddc4f3
```
#ddc4f3 rgb(221,196,243)
```
#e6d5f7
```
#e6d5f7 rgb(230,213,247)
```
#f0e5fa
```
#f0e5fa rgb(240,229,250)
```
#f9f5fd
```
#f9f5fd rgb(249,245,253)
```

Tint Color Variation

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

#706a76
```
#706a76 rgb(112,106,118)
```
#70617f
```
#70617f rgb(112,97,127)
```
#715987
```
#715987 rgb(113,89,135)
```
#715090
```
#715090 rgb(113,80,144)
```
#714799
```
#714799 rgb(113,71,153)
```
#713fa1
```
#713fa1 rgb(113,63,161)
```
#7236aa
```
#7236aa rgb(114,54,170)
```
#722eb2
```
#722eb2 rgb(114,46,178)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#721cc4
```
#721cc4 rgb(114,28,196)
```
#7214cc
```
#7214cc rgb(114,20,204)
```
#730bd5
```
#730bd5 rgb(115,11,213)
```
#7303dd
```
#7303dd rgb(115,3,221)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#544563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#60595f Tritanopia 0.001% of the population

Trichromacy

#2945b1 Protanomaly 1% of men, 0.01% of women
#2948a4 Deuteranomaly 6% of men, 0.4% of women
#664680 Tritanomaly 0.01% of the population

#7225bb hex color

#7225bb Color Information

#7225bb Color Conversion

Color Schemes with #7225bb

Alternatives to #7225bb

#7225bb Preview

Shades and Tints of #7225bb

Tones of #7225bb

Color Blindness Simulator