#325b86 hex color

In a RGB color space, hex #325b86 is composed of 19.6% red, 35.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 32.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 210.7 degrees, a saturation of 45.7% and a lightness of 36.1%. #325b86 color hex could be obtained by blending #64b6ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 36
- B 53
RGB color chart
- C 63
- M 32
- Y 0
- K 47
CMYK color chart

● #325b86 color description : Dark moderate blue.

The hexadecimal color #325b86 has RGB values of R:50, G:91, B:134 and CMYK values of C:0.63, M:0.32, Y:0, K:0.47. Its decimal value is 3300230.

Hex triplet	325b86	`#325b86`
RGB Decimal	50, 91, 134	`rgb(50,91,134)`
RGB Percent	19.6, 35.7, 52.5	`rgb(19.6%,35.7%,52.5%)`
CMYK	63, 32, 0, 47
HSL	210.7°, 45.7, 36.1	`hsl(210.7,45.7%,36.1%)`
HSV (or HSB)	210.7°, 62.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	37.628, -0.271, -28.296
XYZ	9.359, 9.881, 23.967
xyY	0.217, 0.229, 9.881
CIE-LCH	37.628, 28.297, 269.452
CIE-LUV	37.628, -16.978, -39.526
Hunter-Lab	31.434, -1.866, -23.202
Binary	00110010, 01011011, 10000110

#325b86
```
#325b86 rgb(50,91,134)
```
#865d32
```
#865d32 rgb(134,93,50)
```

Complementary Color

#328586
```
#328586 rgb(50,133,134)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#333286
```
#333286 rgb(51,50,134)
```

Analogous Color

#858632
```
#858632 rgb(133,134,50)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#863332
```
#863332 rgb(134,51,50)
```

Split Complementary Color

#5b8632
```
#5b8632 rgb(91,134,50)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#86325b
```
#86325b rgb(134,50,91)
```

Triadic Color

#32865d
```
#32865d rgb(50,134,93)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#86325b
```
#86325b rgb(134,50,91)
```
#865d32
```
#865d32 rgb(134,93,50)
```

Tetradic Color

#1d354e
```
#1d354e rgb(29,53,78)
```
#244261
```
#244261 rgb(36,66,97)
```
#2b4e73
```
#2b4e73 rgb(43,78,115)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#396899
```
#396899 rgb(57,104,153)
```
#4074ab
```
#4074ab rgb(64,116,171)
```
#4981bb
```
#4981bb rgb(73,129,187)
```

Monochromatic Color

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

#327086
```
#327086 rgb(50,112,134)
```
#326986
```
#326986 rgb(50,105,134)
```
#326286
```
#326286 rgb(50,98,134)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#325486
```
#325486 rgb(50,84,134)
```
#324d86
```
#324d86 rgb(50,77,134)
```
#324686
```
#324686 rgb(50,70,134)
```

Similar Colors

Text with hexadecimal color #325b86

This text has a font color of #325b86.

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

#325b86 background color

This paragraph has a background color of #325b86.

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

#325b86 border color

This element has a border color of #325b86.

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

CSS codes

.text {color:#325b86;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0d1722
```
#0d1722 rgb(13,23,34)
```
#122130
```
#122130 rgb(18,33,48)
```
#172a3f
```
#172a3f rgb(23,42,63)
```
#1d344d
```
#1d344d rgb(29,52,77)
```
#223e5b
```
#223e5b rgb(34,62,91)
```
#274869
```
#274869 rgb(39,72,105)
```
#2d5178
```
#2d5178 rgb(45,81,120)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#376594
```
#376594 rgb(55,101,148)
```
#3d6ea3
```
#3d6ea3 rgb(61,110,163)
```
#4278b1
```
#4278b1 rgb(66,120,177)
```

Shade Color Variation

#4b82bc
```
#4b82bc rgb(75,130,188)
```
#598cc1
```
#598cc1 rgb(89,140,193)
```
#6796c6
```
#6796c6 rgb(103,150,198)
```
#76a0cc
```
#76a0cc rgb(118,160,204)
```
#84aad1
```
#84aad1 rgb(132,170,209)
```
#92b3d6
```
#92b3d6 rgb(146,179,214)
```
#a0bddc
```
#a0bddc rgb(160,189,220)
```
#afc7e1
```
#afc7e1 rgb(175,199,225)
```
#bdd1e6
```
#bdd1e6 rgb(189,209,230)
```
#cbdbec
```
#cbdbec rgb(203,219,236)
```
#dae5f1
```
#dae5f1 rgb(218,229,241)
```
#e8eff6
```
#e8eff6 rgb(232,239,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555c63 is the less saturated color, while #005ab8 is the most saturated one.

#555c63
```
#555c63 rgb(85,92,99)
```
#4e5c6a
```
#4e5c6a rgb(78,92,106)
```
#475c71
```
#475c71 rgb(71,92,113)
```
#405b78
```
#405b78 rgb(64,91,120)
```
#395b7f
```
#395b7f rgb(57,91,127)
```
#325b86
```
#325b86 rgb(50,91,134)
```
#2b5b8d
```
#2b5b8d rgb(43,91,141)
```
#245b94
```
#245b94 rgb(36,91,148)
```
#1d5a9b
```
#1d5a9b rgb(29,90,155)
```
#165aa2
```
#165aa2 rgb(22,90,162)
```
#0f5aa9
```
#0f5aa9 rgb(15,90,169)
```
#085ab0
```
#085ab0 rgb(8,90,176)
```
#005ab8
```
#005ab8 rgb(0,90,184)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d555e Atypical Achromatopsia 0.001% of the population

Dichromacy

#525f89 Protanopia 1% of men
#4a608d Deuteranopia 1% of men
#2c6970 Tritanopia 0.001% of the population

Trichromacy

#465e88 Protanomaly 1% of men, 0.01% of women
#415e8a Deuteranomaly 6% of men, 0.4% of women
#2e6478 Tritanomaly 0.01% of the population

#325b86 hex color

#325b86 Color Information

#325b86 Color Conversion

Color Schemes with #325b86

Alternatives to #325b86

#325b86 Preview

Shades and Tints of #325b86

Tones of #325b86

Color Blindness Simulator