#332a96 hex color

In a RGB color space, hex #332a96 is composed of 20% red, 16.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 72% magenta, 0% yellow and 41.2% black. It has a hue angle of 245 degrees, a saturation of 56.3% and a lightness of 37.6%. #332a96 color hex could be obtained by blending #6654ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 16
- B 59
RGB color chart
- C 66
- M 72
- Y 0
- K 41
CMYK color chart

● #332a96 color description : Dark blue.

The hexadecimal color #332a96 has RGB values of R:51, G:42, B:150 and CMYK values of C:0.66, M:0.72, Y:0, K:0.41. Its decimal value is 3353238.

Hex triplet	332a96	`#332a96`
RGB Decimal	51, 42, 150	`rgb(51,42,150)`
RGB Percent	20, 16.5, 58.8	`rgb(20%,16.5%,58.8%)`
CMYK	66, 72, 0, 41
HSL	245°, 56.3, 37.6	`hsl(245,56.3%,37.6%)`
HSV (or HSB)	245°, 72, 58.8
Web Safe	333399	`#333399`

CIE-LAB	25.447, 37.672, -57.702
XYZ	7.697, 4.561, 29.327
xyY	0.185, 0.11, 4.561
CIE-LCH	25.447, 68.911, 303.14
CIE-LUV	25.447, -3.38, -72.172
Hunter-Lab	21.357, 26.955, -66.465
Binary	00110011, 00101010, 10010110

#332a96
```
#332a96 rgb(51,42,150)
```
#8d962a
```
#8d962a rgb(141,150,42)
```

Complementary Color

#2a5796
```
#2a5796 rgb(42,87,150)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#692a96
```
#692a96 rgb(105,42,150)
```

Analogous Color

#57962a
```
#57962a rgb(87,150,42)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#96692a
```
#96692a rgb(150,105,42)
```

Split Complementary Color

#2a9633
```
#2a9633 rgb(42,150,51)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#96332a
```
#96332a rgb(150,51,42)
```

Triadic Color

#2a8d96
```
#2a8d96 rgb(42,141,150)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#96332a
```
#96332a rgb(150,51,42)
```
#8d962a
```
#8d962a rgb(141,150,42)
```

Tetradic Color

#1f195a
```
#1f195a rgb(31,25,90)
```
#251f6e
```
#251f6e rgb(37,31,110)
```
#2c2482
```
#2c2482 rgb(44,36,130)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#3a30aa
```
#3a30aa rgb(58,48,170)
```
#4135be
```
#4135be rgb(65,53,190)
```
#4e42ca
```
#4e42ca rgb(78,66,202)
```

Monochromatic Color

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

#2a3c96
```
#2a3c96 rgb(42,60,150)
```
#2a3396
```
#2a3396 rgb(42,51,150)
```
#2a2a96
```
#2a2a96 rgb(42,42,150)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#3c2a96
```
#3c2a96 rgb(60,42,150)
```
#452a96
```
#452a96 rgb(69,42,150)
```
#4e2a96
```
#4e2a96 rgb(78,42,150)
```

Similar Colors

Text with hexadecimal color #332a96

This text has a font color of #332a96.

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

#332a96 background color

This paragraph has a background color of #332a96.

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

#332a96 border color

This element has a border color of #332a96.

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

CSS codes

.text {color:#332a96;}

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

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

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, #04030c is the darkest color, while #fcfcfe is the lightest one.

#04030c
```
#04030c rgb(4,3,12)
```
#09081b
```
#09081b rgb(9,8,27)
```
#0f0c2b
```
#0f0c2b rgb(15,12,43)
```
#14103a
```
#14103a rgb(20,16,58)
```
#191549
```
#191549 rgb(25,21,73)
```
#1e1959
```
#1e1959 rgb(30,25,89)
```
#231d68
```
#231d68 rgb(35,29,104)
```
#292177
```
#292177 rgb(41,33,119)
```
#2e2687
```
#2e2687 rgb(46,38,135)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#382ea5
```
#382ea5 rgb(56,46,165)
```
#3d33b5
```
#3d33b5 rgb(61,51,181)
```
#4337c4
```
#4337c4 rgb(67,55,196)
```

Shade Color Variation

#4f44cb
```
#4f44cb rgb(79,68,203)
```
#5d53cf
```
#5d53cf rgb(93,83,207)
```
#6c63d3
```
#6c63d3 rgb(108,99,211)
```
#7a72d7
```
#7a72d7 rgb(122,114,215)
```
#8981dc
```
#8981dc rgb(137,129,220)
```
#9790e0
```
#9790e0 rgb(151,144,224)
```
#a6a0e4
```
#a6a0e4 rgb(166,160,228)
```
#b4afe9
```
#b4afe9 rgb(180,175,233)
```
#c2beed
```
#c2beed rgb(194,190,237)
```
#d1cef1
```
#d1cef1 rgb(209,206,241)
```
#dfddf6
```
#dfddf6 rgb(223,221,246)
```
#eeecfa
```
#eeecfa rgb(238,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5e62 is the less saturated color, while #1405bb is the most saturated one.

#5e5e62
```
#5e5e62 rgb(94,94,98)
```
#58566a
```
#58566a rgb(88,86,106)
```
#524f71
```
#524f71 rgb(82,79,113)
```
#4c4878
```
#4c4878 rgb(76,72,120)
```
#454080
```
#454080 rgb(69,64,128)
```
#3f3987
```
#3f3987 rgb(63,57,135)
```
#39318f
```
#39318f rgb(57,49,143)
```
#332a96
```
#332a96 rgb(51,42,150)
```
#2d239d
```
#2d239d rgb(45,35,157)
```
#271ba5
```
#271ba5 rgb(39,27,165)
```
#2114ac
```
#2114ac rgb(33,20,172)
```
#1a0cb4
```
#1a0cb4 rgb(26,12,180)
```
#1405bb
```
#1405bb rgb(20,5,187)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#38364c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004873 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#123a8b Protanomaly 1% of men, 0.01% of women
#123d80 Deuteranomaly 6% of men, 0.4% of women
#12406a Tritanomaly 0.01% of the population

#332a96 hex color

#332a96 Color Information

#332a96 Color Conversion

Color Schemes with #332a96

Alternatives to #332a96

#332a96 Preview

Shades and Tints of #332a96

Tones of #332a96

Color Blindness Simulator