#2522cc hex color

In a RGB color space, hex #2522cc is composed of 14.5% red, 13.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 83.3% magenta, 0% yellow and 20% black. It has a hue angle of 241.1 degrees, a saturation of 71.4% and a lightness of 46.7%. #2522cc color hex could be obtained by blending #4a44ff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 15
- G 13
- B 80
RGB color chart
- C 82
- M 83
- Y 0
- K 20
CMYK color chart

● #2522cc color description : Strong blue.

The hexadecimal color #2522cc has RGB values of R:37, G:34, B:204 and CMYK values of C:0.82, M:0.83, Y:0, K:0.2. Its decimal value is 2433740.

Hex triplet	2522cc	`#2522cc`
RGB Decimal	37, 34, 204	`rgb(37,34,204)`
RGB Percent	14.5, 13.3, 80	`rgb(14.5%,13.3%,80%)`
CMYK	82, 83, 0, 20
HSL	241.1°, 71.4, 46.7	`hsl(241.1,71.4%,46.7%)`
HSV (or HSB)	241.1°, 83.3, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.149, 57.831, -83.925
XYZ	12.232, 5.896, 57.617
xyY	0.161, 0.078, 5.896
CIE-LCH	29.149, 101.921, 304.57
CIE-LUV	29.149, -7.185, -103.954
Hunter-Lab	24.282, 47.425, -123.687
Binary	00100101, 00100010, 11001100

#2522cc
```
#2522cc rgb(37,34,204)
```
#c9cc22
```
#c9cc22 rgb(201,204,34)
```

Complementary Color

#2274cc
```
#2274cc rgb(34,116,204)
```
#2522cc
```
#2522cc rgb(37,34,204)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```

Analogous Color

#74cc22
```
#74cc22 rgb(116,204,34)
```
#2522cc
```
#2522cc rgb(37,34,204)
```
#cc7a22
```
#cc7a22 rgb(204,122,34)
```

Split Complementary Color

#22cc25
```
#22cc25 rgb(34,204,37)
```
#2522cc
```
#2522cc rgb(37,34,204)
```
#cc2522
```
#cc2522 rgb(204,37,34)
```

Triadic Color

#22c9cc
```
#22c9cc rgb(34,201,204)
```
#2522cc
```
#2522cc rgb(37,34,204)
```
#cc2522
```
#cc2522 rgb(204,37,34)
```
#c9cc22
```
#c9cc22 rgb(201,204,34)
```

Tetradic Color

#19178a
```
#19178a rgb(25,23,138)
```
#1d1ba0
```
#1d1ba0 rgb(29,27,160)
```
#211eb6
```
#211eb6 rgb(33,30,182)
```
#2522cc
```
#2522cc rgb(37,34,204)
```
#2f2cdc
```
#2f2cdc rgb(47,44,220)
```
#4442df
```
#4442df rgb(68,66,223)
```
#5a57e3
```
#5a57e3 rgb(90,87,227)
```

Monochromatic Color

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

#224acc
```
#224acc rgb(34,74,204)
```
#223bcc
```
#223bcc rgb(34,59,204)
```
#222dcc
```
#222dcc rgb(34,45,204)
```
#2522cc
```
#2522cc rgb(37,34,204)
```
#3322cc
```
#3322cc rgb(51,34,204)
```
#4122cc
```
#4122cc rgb(65,34,204)
```
#4f22cc
```
#4f22cc rgb(79,34,204)
```

Similar Colors

Text with hexadecimal color #2522cc

This text has a font color of #2522cc.

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

#2522cc background color

This paragraph has a background color of #2522cc.

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

#2522cc border color

This element has a border color of #2522cc.

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

CSS codes

.text {color:#2522cc;}

.background {background-color:#2522cc;}

.border {border:1px solid #2522cc;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030313
```
#030313 rgb(3,3,19)
```
#070624
```
#070624 rgb(7,6,36)
```
#0a0935
```
#0a0935 rgb(10,9,53)
```
#0d0c45
```
#0d0c45 rgb(13,12,69)
```
#100e56
```
#100e56 rgb(16,14,86)
```
#131167
```
#131167 rgb(19,17,103)
```
#161478
```
#161478 rgb(22,20,120)
```
#191789
```
#191789 rgb(25,23,137)
```
#1c1a9a
```
#1c1a9a rgb(28,26,154)
```
#1f1caa
```
#1f1caa rgb(31,28,170)
```
#221fbb
```
#221fbb rgb(34,31,187)
```
#2522cc
```
#2522cc rgb(37,34,204)
```

Shade Color Variation

#2a27db
```
#2a27db rgb(42,39,219)
```
#3a37de
```
#3a37de rgb(58,55,222)
```
#4b48e1
```
#4b48e1 rgb(75,72,225)
```
#5c59e3
```
#5c59e3 rgb(92,89,227)
```
#6c6ae6
```
#6c6ae6 rgb(108,106,230)
```
#7d7be9
```
#7d7be9 rgb(125,123,233)
```
#8d8cec
```
#8d8cec rgb(141,140,236)
```
#9e9cef
```
#9e9cef rgb(158,156,239)
```
#aeadf1
```
#aeadf1 rgb(174,173,241)
```
#bfbef4
```
#bfbef4 rgb(191,190,244)
```
#d0cff7
```
#d0cff7 rgb(208,207,247)
```
#e0e0fa
```
#e0e0fa rgb(224,224,250)
```
#f1f0fd
```
#f1f0fd rgb(241,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74747a is the less saturated color, while #0b07e7 is the most saturated one.

#74747a
```
#74747a rgb(116,116,122)
```
#6c6b83
```
#6c6b83 rgb(108,107,131)
```
#63628c
```
#63628c rgb(99,98,140)
```
#5a5995
```
#5a5995 rgb(90,89,149)
```
#51509e
```
#51509e rgb(81,80,158)
```
#4847a7
```
#4847a7 rgb(72,71,167)
```
#3f3db1
```
#3f3db1 rgb(63,61,177)
```
#3734ba
```
#3734ba rgb(55,52,186)
```
#2e2bc3
```
#2e2bc3 rgb(46,43,195)
```
#2522cc
```
#2522cc rgb(37,34,204)
```
#1c19d5
```
#1c19d5 rgb(28,25,213)
```
#1310de
```
#1310de rgb(19,16,222)
```
#0b07e7
```
#0b07e7 rgb(11,7,231)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#333254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#0d3ca8 Protanomaly 1% of men, 0.01% of women
#0d3f9b Deuteranomaly 6% of men, 0.4% of women
#0d4383 Tritanomaly 0.01% of the population

#2522cc hex color

#2522cc Color Information

#2522cc Color Conversion

Color Schemes with #2522cc

Alternatives to #2522cc

#2522cc Preview

Shades and Tints of #2522cc

Tones of #2522cc

Color Blindness Simulator