#325fbb hex color

In a RGB color space, hex #325fbb is composed of 19.6% red, 37.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 49.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 220.3 degrees, a saturation of 57.8% and a lightness of 46.5%. #325fbb color hex could be obtained by blending #64beff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 37
- B 73
RGB color chart
- C 73
- M 49
- Y 0
- K 27
CMYK color chart

● #325fbb color description : Moderate blue.

The hexadecimal color #325fbb has RGB values of R:50, G:95, B:187 and CMYK values of C:0.73, M:0.49, Y:0, K:0.27. Its decimal value is 3301307.

Hex triplet	325fbb	`#325fbb`
RGB Decimal	50, 95, 187	`rgb(50,95,187)`
RGB Percent	19.6, 37.3, 73.3	`rgb(19.6%,37.3%,73.3%)`
CMYK	73, 49, 0, 27
HSL	220.3°, 57.8, 46.5	`hsl(220.3,57.8%,46.5%)`
HSV (or HSB)	220.3°, 73.3, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.922, 16.735, -53.041
XYZ	14.375, 12.449, 48.656
xyY	0.19, 0.165, 12.449
CIE-LCH	41.922, 55.618, 287.511
CIE-LUV	41.922, -17.533, -79.306
Hunter-Lab	35.284, 10.978, -57.063
Binary	00110010, 01011111, 10111011

#325fbb
```
#325fbb rgb(50,95,187)
```
#bb8e32
```
#bb8e32 rgb(187,142,50)
```

Complementary Color

#32a4bb
```
#32a4bb rgb(50,164,187)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#4932bb
```
#4932bb rgb(73,50,187)
```

Analogous Color

#a4bb32
```
#a4bb32 rgb(164,187,50)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#bb4932
```
#bb4932 rgb(187,73,50)
```

Split Complementary Color

#5fbb32
```
#5fbb32 rgb(95,187,50)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#bb325f
```
#bb325f rgb(187,50,95)
```

Triadic Color

#32bb8e
```
#32bb8e rgb(50,187,142)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#bb325f
```
#bb325f rgb(187,50,95)
```
#bb8e32
```
#bb8e32 rgb(187,142,50)
```

Tetradic Color

#22407f
```
#22407f rgb(34,64,127)
```
#274b93
```
#274b93 rgb(39,75,147)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#3c6bcb
```
#3c6bcb rgb(60,107,203)
```
#507ad0
```
#507ad0 rgb(80,122,208)
```
#6489d6
```
#6489d6 rgb(100,137,214)
```

Monochromatic Color

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

#3281bb
```
#3281bb rgb(50,129,187)
```
#3276bb
```
#3276bb rgb(50,118,187)
```
#326abb
```
#326abb rgb(50,106,187)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#3254bb
```
#3254bb rgb(50,84,187)
```
#3248bb
```
#3248bb rgb(50,72,187)
```
#323dbb
```
#323dbb rgb(50,61,187)
```

Similar Colors

Text with hexadecimal color #325fbb

This text has a font color of #325fbb.

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

#325fbb background color

This paragraph has a background color of #325fbb.

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

#325fbb border color

This element has a border color of #325fbb.

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

CSS codes

.text {color:#325fbb;}

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

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

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)
```
#040911
```
#040911 rgb(4,9,17)
```
#091020
```
#091020 rgb(9,16,32)
```
#0d1830
```
#0d1830 rgb(13,24,48)
```
#11203f
```
#11203f rgb(17,32,63)
```
#15284f
```
#15284f rgb(21,40,79)
```
#19305e
```
#19305e rgb(25,48,94)
```
#1d386e
```
#1d386e rgb(29,56,110)
```
#21407d
```
#21407d rgb(33,64,125)
```
#26478d
```
#26478d rgb(38,71,141)
```
#2a4f9c
```
#2a4f9c rgb(42,79,156)
```
#2e57ac
```
#2e57ac rgb(46,87,172)
```
#325fbb
```
#325fbb rgb(50,95,187)
```

Shade Color Variation

#3767ca
```
#3767ca rgb(55,103,202)
```
#4773ce
```
#4773ce rgb(71,115,206)
```
#567fd2
```
#567fd2 rgb(86,127,210)
```
#668ad6
```
#668ad6 rgb(102,138,214)
```
#7596da
```
#7596da rgb(117,150,218)
```
#84a2de
```
#84a2de rgb(132,162,222)
```
#94aee2
```
#94aee2 rgb(148,174,226)
```
#a3b9e7
```
#a3b9e7 rgb(163,185,231)
```
#b3c5eb
```
#b3c5eb rgb(179,197,235)
```
#c2d1ef
```
#c2d1ef rgb(194,209,239)
```
#d2ddf3
```
#d2ddf3 rgb(210,221,243)
```
#e1e8f7
```
#e1e8f7 rgb(225,232,247)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72757b is the less saturated color, while #044fe9 is the most saturated one.

#72757b
```
#72757b rgb(114,117,123)
```
#697284
```
#697284 rgb(105,114,132)
```
#606f8d
```
#606f8d rgb(96,111,141)
```
#566c97
```
#566c97 rgb(86,108,151)
```
#4d68a0
```
#4d68a0 rgb(77,104,160)
```
#4465a9
```
#4465a9 rgb(68,101,169)
```
#3b62b2
```
#3b62b2 rgb(59,98,178)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#295cc4
```
#295cc4 rgb(41,92,196)
```
#2059cd
```
#2059cd rgb(32,89,205)
```
#1756d6
```
#1756d6 rgb(23,86,214)
```
#0e52df
```
#0e52df rgb(14,82,223)
```
#044fe9
```
#044fe9 rgb(4,79,233)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3468bf Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3364bd Protanomaly 1% of men, 0.01% of women
#1267b6 Deuteranomaly 6% of men, 0.4% of women
#126d93 Tritanomaly 0.01% of the population

#325fbb hex color

#325fbb Color Information

#325fbb Color Conversion

Color Schemes with #325fbb

Alternatives to #325fbb

#325fbb Preview

Shades and Tints of #325fbb

Tones of #325fbb

Color Blindness Simulator