#325f96 hex color

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

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

● #325f96 color description : Dark moderate blue.

The hexadecimal color #325f96 has RGB values of R:50, G:95, B:150 and CMYK values of C:0.67, M:0.37, Y:0, K:0.41. Its decimal value is 3301270.

Hex triplet	325f96	`#325f96`
RGB Decimal	50, 95, 150	`rgb(50,95,150)`
RGB Percent	19.6, 37.3, 58.8	`rgb(19.6%,37.3%,58.8%)`
CMYK	67, 37, 0, 41
HSL	213°, 50, 39.2	`hsl(213,50%,39.2%)`
HSV (or HSB)	213°, 66.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	39.688, 2.973, -34.723
XYZ	10.911, 11.064, 30.413
xyY	0.208, 0.211, 11.064
CIE-LCH	39.688, 34.85, 274.893
CIE-LUV	39.688, -18.083, -50.015
Hunter-Lab	33.262, 0.346, -30.928
Binary	00110010, 01011111, 10010110

#325f96
```
#325f96 rgb(50,95,150)
```
#966932
```
#966932 rgb(150,105,50)
```

Complementary Color

#329196
```
#329196 rgb(50,145,150)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#373296
```
#373296 rgb(55,50,150)
```

Analogous Color

#919632
```
#919632 rgb(145,150,50)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#963732
```
#963732 rgb(150,55,50)
```

Split Complementary Color

#5f9632
```
#5f9632 rgb(95,150,50)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#96325f
```
#96325f rgb(150,50,95)
```

Triadic Color

#329669
```
#329669 rgb(50,150,105)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#96325f
```
#96325f rgb(150,50,95)
```
#966932
```
#966932 rgb(150,105,50)
```

Tetradic Color

#1f3b5d
```
#1f3b5d rgb(31,59,93)
```
#254770
```
#254770 rgb(37,71,112)
```
#2c5383
```
#2c5383 rgb(44,83,131)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#386ba9
```
#386ba9 rgb(56,107,169)
```
#3f77bc
```
#3f77bc rgb(63,119,188)
```
#5084c5
```
#5084c5 rgb(80,132,197)
```

Monochromatic Color

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

#327896
```
#327896 rgb(50,120,150)
```
#327096
```
#327096 rgb(50,112,150)
```
#326796
```
#326796 rgb(50,103,150)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#325796
```
#325796 rgb(50,87,150)
```
#324e96
```
#324e96 rgb(50,78,150)
```
#324696
```
#324696 rgb(50,70,150)
```

Similar Colors

Text with hexadecimal color #325f96

This text has a font color of #325f96.

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

#325f96 background color

This paragraph has a background color of #325f96.

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

#325f96 border color

This element has a border color of #325f96.

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

CSS codes

.text {color:#325f96;}

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

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

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 #f3f7fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060b12
```
#060b12 rgb(6,11,18)
```
#0b1420
```
#0b1420 rgb(11,20,32)
```
#101e2f
```
#101e2f rgb(16,30,47)
```
#15273e
```
#15273e rgb(21,39,62)
```
#19304c
```
#19304c rgb(25,48,76)
```
#1e3a5b
```
#1e3a5b rgb(30,58,91)
```
#23436a
```
#23436a rgb(35,67,106)
```
#284c79
```
#284c79 rgb(40,76,121)
```
#2d5687
```
#2d5687 rgb(45,86,135)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#3768a5
```
#3768a5 rgb(55,104,165)
```
#3c72b3
```
#3c72b3 rgb(60,114,179)
```

Shade Color Variation

#437bc0
```
#437bc0 rgb(67,123,192)
```
#5185c5
```
#5185c5 rgb(81,133,197)
```
#6090ca
```
#6090ca rgb(96,144,202)
```
#6f9acf
```
#6f9acf rgb(111,154,207)
```
#7da4d4
```
#7da4d4 rgb(125,164,212)
```
#8cafd9
```
#8cafd9 rgb(140,175,217)
```
#9bb9de
```
#9bb9de rgb(155,185,222)
```
#aac3e3
```
#aac3e3 rgb(170,195,227)
```
#b8cee7
```
#b8cee7 rgb(184,206,231)
```
#c7d8ec
```
#c7d8ec rgb(199,216,236)
```
#d6e2f1
```
#d6e2f1 rgb(214,226,241)
```
#e4ecf6
```
#e4ecf6 rgb(228,236,246)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#606468
```
#606468 rgb(96,100,104)
```
#586370
```
#586370 rgb(88,99,112)
```
#516277
```
#516277 rgb(81,98,119)
```
#49617f
```
#49617f rgb(73,97,127)
```
#416187
```
#416187 rgb(65,97,135)
```
#3a608e
```
#3a608e rgb(58,96,142)
```
#325f96
```
#325f96 rgb(50,95,150)
```
#2a5e9e
```
#2a5e9e rgb(42,94,158)
```
#235da5
```
#235da5 rgb(35,93,165)
```
#1b5dad
```
#1b5dad rgb(27,93,173)
```
#135cb5
```
#135cb5 rgb(19,92,181)
```
#0c5bbc
```
#0c5bbc rgb(12,91,188)
```
#045ac4
```
#045ac4 rgb(4,90,196)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506499 Protanopia 1% of men
#43669b Deuteranopia 1% of men
#1f6f77 Tritanopia 0.001% of the population

Trichromacy

#456297 Protanomaly 1% of men, 0.01% of women
#3d6399 Deuteranomaly 6% of men, 0.4% of women
#266982 Tritanomaly 0.01% of the population

#325f96 hex color

#325f96 Color Information

#325f96 Color Conversion

Color Schemes with #325f96

Alternatives to #325f96

#325f96 Preview

Shades and Tints of #325f96

Tones of #325f96

Color Blindness Simulator