#325b96 hex color

In a RGB color space, hex #325b96 is composed of 19.6% red, 35.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 39.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 215.4 degrees, a saturation of 50% and a lightness of 39.2%. #325b96 color hex could be obtained by blending #64b6ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 36
- B 59
RGB color chart
- C 67
- M 39
- Y 0
- K 41
CMYK color chart

● #325b96 color description : Dark moderate blue.

The hexadecimal color #325b96 has RGB values of R:50, G:91, B:150 and CMYK values of C:0.67, M:0.39, Y:0, K:0.41. Its decimal value is 3300246.

Hex triplet	325b96	`#325b96`
RGB Decimal	50, 91, 150	`rgb(50,91,150)`
RGB Percent	19.6, 35.7, 58.8	`rgb(19.6%,35.7%,58.8%)`
CMYK	67, 39, 0, 41
HSL	215.4°, 50, 39.2	`hsl(215.4,50%,39.2%)`
HSV (or HSB)	215.4°, 66.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	38.484, 5.527, -36.631
XYZ	10.56, 10.362, 30.296
xyY	0.206, 0.202, 10.362
CIE-LCH	38.484, 37.046, 278.581
CIE-LUV	38.484, -16.708, -52.679
Hunter-Lab	32.189, 2.228, -33.27
Binary	00110010, 01011011, 10010110

#325b96
```
#325b96 rgb(50,91,150)
```
#966d32
```
#966d32 rgb(150,109,50)
```

Complementary Color

#328d96
```
#328d96 rgb(50,141,150)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#3b3296
```
#3b3296 rgb(59,50,150)
```

Analogous Color

#8d9632
```
#8d9632 rgb(141,150,50)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#963b32
```
#963b32 rgb(150,59,50)
```

Split Complementary Color

#5b9632
```
#5b9632 rgb(91,150,50)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#96325b
```
#96325b rgb(150,50,91)
```

Triadic Color

#32966d
```
#32966d rgb(50,150,109)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#96325b
```
#96325b rgb(150,50,91)
```
#966d32
```
#966d32 rgb(150,109,50)
```

Tetradic Color

#1f385d
```
#1f385d rgb(31,56,93)
```
#254470
```
#254470 rgb(37,68,112)
```
#2c4f83
```
#2c4f83 rgb(44,79,131)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#3867a9
```
#3867a9 rgb(56,103,169)
```
#3f72bc
```
#3f72bc rgb(63,114,188)
```
#5080c5
```
#5080c5 rgb(80,128,197)
```

Monochromatic Color

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

#327496
```
#327496 rgb(50,116,150)
```
#326c96
```
#326c96 rgb(50,108,150)
```
#326396
```
#326396 rgb(50,99,150)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#325396
```
#325396 rgb(50,83,150)
```
#324a96
```
#324a96 rgb(50,74,150)
```
#324296
```
#324296 rgb(50,66,150)
```

Similar Colors

Text with hexadecimal color #325b96

This text has a font color of #325b96.

<span style="color:#325b96;">Text here</span>

#325b96 background color

This paragraph has a background color of #325b96.

<p style="background-color:#325b96;">Content here</p>

#325b96 border color

This element has a border color of #325b96.

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

CSS codes

.text {color:#325b96;}

.background {background-color:#325b96;}

.border {border:1px solid #325b96;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060b12
```
#060b12 rgb(6,11,18)
```
#0b1420
```
#0b1420 rgb(11,20,32)
```
#101d2f
```
#101d2f rgb(16,29,47)
```
#15253e
```
#15253e rgb(21,37,62)
```
#192e4c
```
#192e4c rgb(25,46,76)
```
#1e375b
```
#1e375b rgb(30,55,91)
```
#23406a
```
#23406a rgb(35,64,106)
```
#284979
```
#284979 rgb(40,73,121)
```
#2d5287
```
#2d5287 rgb(45,82,135)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#3764a5
```
#3764a5 rgb(55,100,165)
```
#3c6db3
```
#3c6db3 rgb(60,109,179)
```

Shade Color Variation

#4376c0
```
#4376c0 rgb(67,118,192)
```
#5181c5
```
#5181c5 rgb(81,129,197)
```
#608cca
```
#608cca rgb(96,140,202)
```
#6f96cf
```
#6f96cf rgb(111,150,207)
```
#7da1d4
```
#7da1d4 rgb(125,161,212)
```
#8cacd9
```
#8cacd9 rgb(140,172,217)
```
#9bb6de
```
#9bb6de rgb(155,182,222)
```
#aac1e3
```
#aac1e3 rgb(170,193,227)
```
#b8cce7
```
#b8cce7 rgb(184,204,231)
```
#c7d6ec
```
#c7d6ec rgb(199,214,236)
```
#d6e1f1
```
#d6e1f1 rgb(214,225,241)
```
#e4ecf6
```
#e4ecf6 rgb(228,236,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#606368
```
#606368 rgb(96,99,104)
```
#586270
```
#586270 rgb(88,98,112)
```
#516177
```
#516177 rgb(81,97,119)
```
#495f7f
```
#495f7f rgb(73,95,127)
```
#415e87
```
#415e87 rgb(65,94,135)
```
#3a5c8e
```
#3a5c8e rgb(58,92,142)
```
#325b96
```
#325b96 rgb(50,91,150)
```
#2a5a9e
```
#2a5a9e rgb(42,90,158)
```
#2358a5
```
#2358a5 rgb(35,88,165)
```
#1b57ad
```
#1b57ad rgb(27,87,173)
```
#1355b5
```
#1355b5 rgb(19,85,181)
```
#0c54bc
```
#0c54bc rgb(12,84,188)
```
#0453c4
```
#0453c4 rgb(4,83,196)
```

Tone Color Variation

Below, you can see how #325b96 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

#555555 Achromatopsia 0.005% of the population
#4e5662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b6199 Protanopia 1% of men
#3b639b Deuteranopia 1% of men
#1b6c74 Tritanopia 0.001% of the population

Trichromacy

#415f98 Protanomaly 1% of men, 0.01% of women
#386099 Deuteranomaly 6% of men, 0.4% of women
#236680 Tritanomaly 0.01% of the population

#325b96 hex color

#325b96 Color Information

#325b96 Color Conversion

Color Schemes with #325b96

Alternatives to #325b96

#325b96 Preview

Shades and Tints of #325b96

Tones of #325b96

Color Blindness Simulator