#332ed5 hex color

In a RGB color space, hex #332ed5 is composed of 20% red, 18% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 78.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 241.8 degrees, a saturation of 66.5% and a lightness of 50.8%. #332ed5 color hex could be obtained by blending #665cff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 18
- B 84
RGB color chart
- C 76
- M 78
- Y 0
- K 16
CMYK color chart

● #332ed5 color description : Strong blue.

The hexadecimal color #332ed5 has RGB values of R:51, G:46, B:213 and CMYK values of C:0.76, M:0.78, Y:0, K:0.16. Its decimal value is 3354325.

Hex triplet	332ed5	`#332ed5`
RGB Decimal	51, 46, 213	`rgb(51,46,213)`
RGB Percent	20, 18, 83.5	`rgb(20%,18%,83.5%)`
CMYK	76, 78, 0, 16
HSL	241.8°, 66.5, 50.8	`hsl(241.8,66.5%,50.8%)`
HSV (or HSB)	241.8°, 78.4, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.834, 55.749, -83.015
XYZ	14.35, 7.461, 63.631
xyY	0.168, 0.087, 7.461
CIE-LCH	32.834, 99.997, 303.884
CIE-LUV	32.834, -7.195, -109.535
Hunter-Lab	27.315, 45.976, -118.998
Binary	00110011, 00101110, 11010101

#332ed5
```
#332ed5 rgb(51,46,213)
```
#d0d52e
```
#d0d52e rgb(208,213,46)
```

Complementary Color

#2e7dd5
```
#2e7dd5 rgb(46,125,213)
```
#332ed5
```
#332ed5 rgb(51,46,213)
```
#872ed5
```
#872ed5 rgb(135,46,213)
```

Analogous Color

#7dd52e
```
#7dd52e rgb(125,213,46)
```
#332ed5
```
#332ed5 rgb(51,46,213)
```
#d5872e
```
#d5872e rgb(213,135,46)
```

Split Complementary Color

#2ed533
```
#2ed533 rgb(46,213,51)
```
#332ed5
```
#332ed5 rgb(51,46,213)
```
#d5332e
```
#d5332e rgb(213,51,46)
```

Triadic Color

#2ed0d5
```
#2ed0d5 rgb(46,208,213)
```
#332ed5
```
#332ed5 rgb(51,46,213)
```
#d5332e
```
#d5332e rgb(213,51,46)
```
#d0d52e
```
#d0d52e rgb(208,213,46)
```

Tetradic Color

#221f98
```
#221f98 rgb(34,31,152)
```
#2723ad
```
#2723ad rgb(39,35,173)
```
#2c27c2
```
#2c27c2 rgb(44,39,194)
```
#332ed5
```
#332ed5 rgb(51,46,213)
```
#4843d9
```
#4843d9 rgb(72,67,217)
```
#5c58de
```
#5c58de rgb(92,88,222)
```
#716ee2
```
#716ee2 rgb(113,110,226)
```

Monochromatic Color

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

#2e53d5
```
#2e53d5 rgb(46,83,213)
```
#2e45d5
```
#2e45d5 rgb(46,69,213)
```
#2e37d5
```
#2e37d5 rgb(46,55,213)
```
#332ed5
```
#332ed5 rgb(51,46,213)
```
#412ed5
```
#412ed5 rgb(65,46,213)
```
#4f2ed5
```
#4f2ed5 rgb(79,46,213)
```
#5d2ed5
```
#5d2ed5 rgb(93,46,213)
```

Similar Colors

Text with hexadecimal color #332ed5

This text has a font color of #332ed5.

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

#332ed5 background color

This paragraph has a background color of #332ed5.

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

#332ed5 border color

This element has a border color of #332ed5.

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

CSS codes

.text {color:#332ed5;}

.background {background-color:#332ed5;}

.border {border:1px solid #332ed5;}

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

#010103
```
#010103 rgb(1,1,3)
```
#040414
```
#040414 rgb(4,4,20)
```
#080724
```
#080724 rgb(8,7,36)
```
#0c0b34
```
#0c0b34 rgb(12,11,52)
```
#0f0e45
```
#0f0e45 rgb(15,14,69)
```
#131155
```
#131155 rgb(19,17,85)
```
#171465
```
#171465 rgb(23,20,101)
```
#1a1876
```
#1a1876 rgb(26,24,118)
```
#1e1b86
```
#1e1b86 rgb(30,27,134)
```
#221e96
```
#221e96 rgb(34,30,150)
```
#2521a7
```
#2521a7 rgb(37,33,167)
```
#2925b7
```
#2925b7 rgb(41,37,183)
```
#2d28c7
```
#2d28c7 rgb(45,40,199)
```

Shade Color Variation

#332ed5
```
#332ed5 rgb(51,46,213)
```
#433ed8
```
#433ed8 rgb(67,62,216)
```
#534fdc
```
#534fdc rgb(83,79,220)
```
#635fdf
```
#635fdf rgb(99,95,223)
```
#736fe2
```
#736fe2 rgb(115,111,226)
```
#8380e5
```
#8380e5 rgb(131,128,229)
```
#9390e9
```
#9390e9 rgb(147,144,233)
```
#a3a0ec
```
#a3a0ec rgb(163,160,236)
```
#b3b1ef
```
#b3b1ef rgb(179,177,239)
```
#c2c1f3
```
#c2c1f3 rgb(194,193,243)
```
#d2d1f6
```
#d2d1f6 rgb(210,209,246)
```
#e2e2f9
```
#e2e2f9 rgb(226,226,249)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

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

#7c7b88
```
#7c7b88 rgb(124,123,136)
```
#737291
```
#737291 rgb(115,114,145)
```
#69689b
```
#69689b rgb(105,104,155)
```
#605ea5
```
#605ea5 rgb(96,94,165)
```
#5755ae
```
#5755ae rgb(87,85,174)
```
#4e4bb8
```
#4e4bb8 rgb(78,75,184)
```
#4541c2
```
#4541c2 rgb(69,65,194)
```
#3c38cb
```
#3c38cb rgb(60,56,203)
```
#332ed5
```
#332ed5 rgb(51,46,213)
```
#2a24df
```
#2a24df rgb(42,36,223)
```
#211be8
```
#211be8 rgb(33,27,232)
```
#1811f2
```
#1811f2 rgb(24,17,242)
```
#0f07fc
```
#0f07fc rgb(15,7,252)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#403f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00588d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#1246b5 Protanomaly 1% of men, 0.01% of women
#1249a7 Deuteranomaly 6% of men, 0.4% of women
#124d8c Tritanomaly 0.01% of the population

#332ed5 hex color

#332ed5 Color Information

#332ed5 Color Conversion

Color Schemes with #332ed5

Alternatives to #332ed5

#332ed5 Preview

Shades and Tints of #332ed5

Tones of #332ed5

Color Blindness Simulator