#325aa7 hex color

In a RGB color space, hex #325aa7 is composed of 19.6% red, 35.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 46.1% magenta, 0% yellow and 34.5% black. It has a hue angle of 219.5 degrees, a saturation of 53.9% and a lightness of 42.5%. #325aa7 color hex could be obtained by blending #64b4ff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 35
- B 65
RGB color chart
- C 70
- M 46
- Y 0
- K 35
CMYK color chart

● #325aa7 color description : Dark blue.

The hexadecimal color #325aa7 has RGB values of R:50, G:90, B:167 and CMYK values of C:0.7, M:0.46, Y:0, K:0.35. Its decimal value is 3300007.

Hex triplet	325aa7	`#325aa7`
RGB Decimal	50, 90, 167	`rgb(50,90,167)`
RGB Percent	19.6, 35.3, 65.5	`rgb(19.6%,35.3%,65.5%)`
CMYK	70, 46, 0, 35
HSL	219.5°, 53.9, 42.5	`hsl(219.5,53.9%,42.5%)`
HSV (or HSB)	219.5°, 70.1, 65.5
Web Safe	336699	`#336699`

CIE-LAB	39.207, 12.489, -45.637
XYZ	11.945, 10.78, 38.008
xyY	0.197, 0.177, 10.78
CIE-LCH	39.207, 47.315, 285.305
CIE-LUV	39.207, -16.179, -66.81
Hunter-Lab	32.832, 7.485, -45.654
Binary	00110010, 01011010, 10100111

#325aa7
```
#325aa7 rgb(50,90,167)
```
#a77f32
```
#a77f32 rgb(167,127,50)
```

Complementary Color

#3295a7
```
#3295a7 rgb(50,149,167)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#4532a7
```
#4532a7 rgb(69,50,167)
```

Analogous Color

#95a732
```
#95a732 rgb(149,167,50)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#a74532
```
#a74532 rgb(167,69,50)
```

Split Complementary Color

#5aa732
```
#5aa732 rgb(90,167,50)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#a7325a
```
#a7325a rgb(167,50,90)
```

Triadic Color

#32a77f
```
#32a77f rgb(50,167,127)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#a7325a
```
#a7325a rgb(167,50,90)
```
#a77f32
```
#a77f32 rgb(167,127,50)
```

Tetradic Color

#203a6c
```
#203a6c rgb(32,58,108)
```
#264580
```
#264580 rgb(38,69,128)
```
#2c4f93
```
#2c4f93 rgb(44,79,147)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#3865bb
```
#3865bb rgb(56,101,187)
```
#4571c7
```
#4571c7 rgb(69,113,199)
```
#5880cd
```
#5880cd rgb(88,128,205)
```

Monochromatic Color

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

#3277a7
```
#3277a7 rgb(50,119,167)
```
#326ea7
```
#326ea7 rgb(50,110,167)
```
#3264a7
```
#3264a7 rgb(50,100,167)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#3250a7
```
#3250a7 rgb(50,80,167)
```
#3246a7
```
#3246a7 rgb(50,70,167)
```
#323da7
```
#323da7 rgb(50,61,167)
```

Similar Colors

Text with hexadecimal color #325aa7

This text has a font color of #325aa7.

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

#325aa7 background color

This paragraph has a background color of #325aa7.

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

#325aa7 border color

This element has a border color of #325aa7.

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

CSS codes

.text {color:#325aa7;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050910
```
#050910 rgb(5,9,16)
```
#09111f
```
#09111f rgb(9,17,31)
```
#0e192e
```
#0e192e rgb(14,25,46)
```
#12213d
```
#12213d rgb(18,33,61)
```
#17294c
```
#17294c rgb(23,41,76)
```
#1b315c
```
#1b315c rgb(27,49,92)
```
#20396b
```
#20396b rgb(32,57,107)
```
#24427a
```
#24427a rgb(36,66,122)
```
#294a89
```
#294a89 rgb(41,74,137)
```
#2d5298
```
#2d5298 rgb(45,82,152)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#3762b6
```
#3762b6 rgb(55,98,182)
```

Shade Color Variation

#3c6ac5
```
#3c6ac5 rgb(60,106,197)
```
#4b76c9
```
#4b76c9 rgb(75,118,201)
```
#5a81ce
```
#5a81ce rgb(90,129,206)
```
#698dd2
```
#698dd2 rgb(105,141,210)
```
#7898d7
```
#7898d7 rgb(120,152,215)
```
#87a4db
```
#87a4db rgb(135,164,219)
```
#96afe0
```
#96afe0 rgb(150,175,224)
```
#a5bbe4
```
#a5bbe4 rgb(165,187,228)
```
#b4c6e9
```
#b4c6e9 rgb(180,198,233)
```
#c4d2ed
```
#c4d2ed rgb(196,210,237)
```
#d3ddf2
```
#d3ddf2 rgb(211,221,242)
```
#e2e9f6
```
#e2e9f6 rgb(226,233,246)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6c6d is the less saturated color, while #084dd1 is the most saturated one.

#6c6c6d
```
#6c6c6d rgb(108,108,109)
```
#646a75
```
#646a75 rgb(100,106,117)
```
#5c677d
```
#5c677d rgb(92,103,125)
```
#536586
```
#536586 rgb(83,101,134)
```
#4b628e
```
#4b628e rgb(75,98,142)
```
#435f96
```
#435f96 rgb(67,95,150)
```
#3a5d9f
```
#3a5d9f rgb(58,93,159)
```
#325aa7
```
#325aa7 rgb(50,90,167)
```
#2a57af
```
#2a57af rgb(42,87,175)
```
#2155b8
```
#2155b8 rgb(33,85,184)
```
#1952c0
```
#1952c0 rgb(25,82,192)
```
#114fc8
```
#114fc8 rgb(17,79,200)
```
#084dd1
```
#084dd1 rgb(8,77,209)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#505867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e62ab Protanopia 1% of men
#1666a9 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#395fa9 Protanomaly 1% of men, 0.01% of women
#2061a8 Deuteranomaly 6% of men, 0.4% of women
#126788 Tritanomaly 0.01% of the population

#325aa7 hex color

#325aa7 Color Information

#325aa7 Color Conversion

Color Schemes with #325aa7

Alternatives to #325aa7

#325aa7 Preview

Shades and Tints of #325aa7

Tones of #325aa7

Color Blindness Simulator