#7225a2 hex color

In a RGB color space, hex #7225a2 is composed of 44.7% red, 14.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 77.2% magenta, 0% yellow and 36.5% black. It has a hue angle of 277 degrees, a saturation of 62.8% and a lightness of 39%. #7225a2 color hex could be obtained by blending #e44aff with #000045. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 45
- G 15
- B 64
RGB color chart
- C 30
- M 77
- Y 0
- K 36
CMYK color chart

● #7225a2 color description : Dark violet.

The hexadecimal color #7225a2 has RGB values of R:114, G:37, B:162 and CMYK values of C:0.3, M:0.77, Y:0, K:0.36. Its decimal value is 7480738.

Hex triplet	7225a2	`#7225a2`
RGB Decimal	114, 37, 162	`rgb(114,37,162)`
RGB Percent	44.7, 14.5, 63.5	`rgb(44.7%,14.5%,63.5%)`
CMYK	30, 77, 0, 36
HSL	277°, 62.8, 39	`hsl(277,62.8%,39%)`
HSV (or HSB)	277°, 77.2, 63.5
Web Safe	663399	`#663399`

CIE-LAB	32.94, 53.874, -52.476
XYZ	14.122, 7.51, 34.886
xyY	0.25, 0.133, 7.51
CIE-LCH	32.94, 75.207, 315.753
CIE-LUV	32.94, 19.803, -75.491
Hunter-Lab	27.404, 44.029, -56.297
Binary	01110010, 00100101, 10100010

#7225a2
```
#7225a2 rgb(114,37,162)
```
#55a225
```
#55a225 rgb(85,162,37)
```

Complementary Color

#3425a2
```
#3425a2 rgb(52,37,162)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#a22594
```
#a22594 rgb(162,37,148)
```

Analogous Color

#25a234
```
#25a234 rgb(37,162,52)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#94a225
```
#94a225 rgb(148,162,37)
```

Split Complementary Color

#25a272
```
#25a272 rgb(37,162,114)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#a27225
```
#a27225 rgb(162,114,37)
```

Triadic Color

#2555a2
```
#2555a2 rgb(37,85,162)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#a27225
```
#a27225 rgb(162,114,37)
```
#55a225
```
#55a225 rgb(85,162,37)
```

Tetradic Color

#461764
```
#461764 rgb(70,23,100)
```
#551c78
```
#551c78 rgb(85,28,120)
```
#63208d
```
#63208d rgb(99,32,141)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#812ab7
```
#812ab7 rgb(129,42,183)
```
#8f2ecc
```
#8f2ecc rgb(143,46,204)
```
#9b40d3
```
#9b40d3 rgb(155,64,211)
```

Monochromatic Color

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

#5325a2
```
#5325a2 rgb(83,37,162)
```
#5d25a2
```
#5d25a2 rgb(93,37,162)
```
#6825a2
```
#6825a2 rgb(104,37,162)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#7c25a2
```
#7c25a2 rgb(124,37,162)
```
#8725a2
```
#8725a2 rgb(135,37,162)
```
#9125a2
```
#9125a2 rgb(145,37,162)
```

Similar Colors

Text with hexadecimal color #7225a2

This text has a font color of #7225a2.

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

#7225a2 background color

This paragraph has a background color of #7225a2.

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

#7225a2 border color

This element has a border color of #7225a2.

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

CSS codes

.text {color:#7225a2;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d0412
```
#0d0412 rgb(13,4,18)
```
#180822
```
#180822 rgb(24,8,34)
```
#230b32
```
#230b32 rgb(35,11,50)
```
#2f0f42
```
#2f0f42 rgb(47,15,66)
```
#3a1352
```
#3a1352 rgb(58,19,82)
```
#451662
```
#451662 rgb(69,22,98)
```
#501a72
```
#501a72 rgb(80,26,114)
```
#5c1e82
```
#5c1e82 rgb(92,30,130)
```
#672192
```
#672192 rgb(103,33,146)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#7d29b2
```
#7d29b2 rgb(125,41,178)
```
#882cc2
```
#882cc2 rgb(136,44,194)
```

Shade Color Variation

#9332d0
```
#9332d0 rgb(147,50,208)
```
#9c42d4
```
#9c42d4 rgb(156,66,212)
```
#a452d7
```
#a452d7 rgb(164,82,215)
```
#ac62db
```
#ac62db rgb(172,98,219)
```
#b572df
```
#b572df rgb(181,114,223)
```
#bd82e2
```
#bd82e2 rgb(189,130,226)
```
#c692e6
```
#c692e6 rgb(198,146,230)
```
#cea2ea
```
#cea2ea rgb(206,162,234)
```
#d6b1ed
```
#d6b1ed rgb(214,177,237)
```
#dfc1f1
```
#dfc1f1 rgb(223,193,241)
```
#e7d1f5
```
#e7d1f5 rgb(231,209,245)
```
#efe1f8
```
#efe1f8 rgb(239,225,248)
```
#f8f1fc
```
#f8f1fc rgb(248,241,252)
```

Tint Color Variation

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

#646265
```
#646265 rgb(100,98,101)
```
#665b6c
```
#665b6c rgb(102,91,108)
```
#675374
```
#675374 rgb(103,83,116)
```
#694b7c
```
#694b7c rgb(105,75,124)
```
#6b4483
```
#6b4483 rgb(107,68,131)
```
#6d3c8b
```
#6d3c8b rgb(109,60,139)
```
#6e3493
```
#6e3493 rgb(110,52,147)
```
#702d9a
```
#702d9a rgb(112,45,154)
```
#7225a2
```
#7225a2 rgb(114,37,162)
```
#741daa
```
#741daa rgb(116,29,170)
```
#7616b1
```
#7616b1 rgb(118,22,177)
```
#770eb9
```
#770eb9 rgb(119,14,185)
```
#7906c1
```
#7906c1 rgb(121,6,193)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#52435c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#005891 Deuteranopia 1% of men
#685055 Tritanopia 0.001% of the population

Trichromacy

#2943a3 Protanomaly 1% of men, 0.01% of women
#294597 Deuteranomaly 6% of men, 0.4% of women
#6b4071 Tritanomaly 0.01% of the population

#7225a2 hex color

#7225a2 Color Information

#7225a2 Color Conversion

Color Schemes with #7225a2

Alternatives to #7225a2

#7225a2 Preview

Shades and Tints of #7225a2

Tones of #7225a2

Color Blindness Simulator