#326baf hex color

In a RGB color space, hex #326baf is composed of 19.6% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.6 degrees, a saturation of 55.6% and a lightness of 44.1%. #326baf color hex could be obtained by blending #64d6ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 42
- B 69
RGB color chart
- C 71
- M 39
- Y 0
- K 31
CMYK color chart

● #326baf color description : Dark blue.

The hexadecimal color #326baf has RGB values of R:50, G:107, B:175 and CMYK values of C:0.71, M:0.39, Y:0, K:0.31. Its decimal value is 3304367.

Hex triplet	326baf	`#326baf`
RGB Decimal	50, 107, 175	`rgb(50,107,175)`
RGB Percent	19.6, 42, 68.6	`rgb(19.6%,42%,68.6%)`
CMYK	71, 39, 0, 31
HSL	212.6°, 55.6, 44.1	`hsl(212.6,55.6%,44.1%)`
HSV (or HSB)	212.6°, 71.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	44.643, 4.598, -41.675
XYZ	14.309, 14.288, 42.559
xyY	0.201, 0.201, 14.288
CIE-LCH	44.643, 41.928, 276.295
CIE-LUV	44.643, -21.588, -62.351
Hunter-Lab	37.799, 1.425, -40.297
Binary	00110010, 01101011, 10101111

#326baf
```
#326baf rgb(50,107,175)
```
#af7632
```
#af7632 rgb(175,118,50)
```

Complementary Color

#32aaaf
```
#32aaaf rgb(50,170,175)
```
#326baf
```
#326baf rgb(50,107,175)
```
#3832af
```
#3832af rgb(56,50,175)
```

Analogous Color

#aaaf32
```
#aaaf32 rgb(170,175,50)
```
#326baf
```
#326baf rgb(50,107,175)
```
#af3832
```
#af3832 rgb(175,56,50)
```

Split Complementary Color

#6baf32
```
#6baf32 rgb(107,175,50)
```
#326baf
```
#326baf rgb(50,107,175)
```
#af326b
```
#af326b rgb(175,50,107)
```

Triadic Color

#32af76
```
#32af76 rgb(50,175,118)
```
#326baf
```
#326baf rgb(50,107,175)
```
#af326b
```
#af326b rgb(175,50,107)
```
#af7632
```
#af7632 rgb(175,118,50)
```

Tetradic Color

#214774
```
#214774 rgb(33,71,116)
```
#275387
```
#275387 rgb(39,83,135)
```
#2c5f9b
```
#2c5f9b rgb(44,95,155)
```
#326baf
```
#326baf rgb(50,107,175)
```
#3877c3
```
#3877c3 rgb(56,119,195)
```
#4984cb
```
#4984cb rgb(73,132,203)
```
#5d92d1
```
#5d92d1 rgb(93,146,209)
```

Monochromatic Color

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

#328aaf
```
#328aaf rgb(50,138,175)
```
#3280af
```
#3280af rgb(50,128,175)
```
#3275af
```
#3275af rgb(50,117,175)
```
#326baf
```
#326baf rgb(50,107,175)
```
#3261af
```
#3261af rgb(50,97,175)
```
#3256af
```
#3256af rgb(50,86,175)
```
#324caf
```
#324caf rgb(50,76,175)
```

Similar Colors

Text with hexadecimal color #326baf

This text has a font color of #326baf.

<span style="color:#326baf;">Text here</span>

#326baf background color

This paragraph has a background color of #326baf.

<p style="background-color:#326baf;">Content here</p>

#326baf border color

This element has a border color of #326baf.

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

CSS codes

.text {color:#326baf;}

.background {background-color:#326baf;}

.border {border:1px solid #326baf;}

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

#020407
```
#020407 rgb(2,4,7)
```
#060e16
```
#060e16 rgb(6,14,22)
```
#0b1726
```
#0b1726 rgb(11,23,38)
```
#0f2035
```
#0f2035 rgb(15,32,53)
```
#132a44
```
#132a44 rgb(19,42,68)
```
#183353
```
#183353 rgb(24,51,83)
```
#1c3c63
```
#1c3c63 rgb(28,60,99)
```
#214672
```
#214672 rgb(33,70,114)
```
#254f81
```
#254f81 rgb(37,79,129)
```
#295890
```
#295890 rgb(41,88,144)
```
#2e62a0
```
#2e62a0 rgb(46,98,160)
```
#326baf
```
#326baf rgb(50,107,175)
```
#3674be
```
#3674be rgb(54,116,190)
```

Shade Color Variation

#407ec8
```
#407ec8 rgb(64,126,200)
```
#4f88cd
```
#4f88cd rgb(79,136,205)
```
#5e93d1
```
#5e93d1 rgb(94,147,209)
```
#6e9dd5
```
#6e9dd5 rgb(110,157,213)
```
#7da7da
```
#7da7da rgb(125,167,218)
```
#8cb2de
```
#8cb2de rgb(140,178,222)
```
#9bbce3
```
#9bbce3 rgb(155,188,227)
```
#abc6e7
```
#abc6e7 rgb(171,198,231)
```
#bad0eb
```
#bad0eb rgb(186,208,235)
```
#c9dbf0
```
#c9dbf0 rgb(201,219,240)
```
#d8e5f4
```
#d8e5f4 rgb(216,229,244)
```
#e8eff8
```
#e8eff8 rgb(232,239,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#6f7072
```
#6f7072 rgb(111,112,114)
```
#66707b
```
#66707b rgb(102,112,123)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#556e8c
```
#556e8c rgb(85,110,140)
```
#4c6d95
```
#4c6d95 rgb(76,109,149)
```
#436d9e
```
#436d9e rgb(67,109,158)
```
#3b6ca6
```
#3b6ca6 rgb(59,108,166)
```
#326baf
```
#326baf rgb(50,107,175)
```
#296ab8
```
#296ab8 rgb(41,106,184)
```
#2169c0
```
#2169c0 rgb(33,105,192)
```
#1869c9
```
#1869c9 rgb(24,105,201)
```
#0f68d2
```
#0f68d2 rgb(15,104,210)
```
#0767da
```
#0767da rgb(7,103,218)
```

Tone Color Variation

Below, you can see how #326baf 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

#626262 Achromatopsia 0.005% of the population
#586471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#556fb0 Protanopia 1% of men
#4172b3 Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#486daf Protanomaly 1% of men, 0.01% of women
#3b6fb1 Deuteranomaly 6% of men, 0.4% of women
#127694 Tritanomaly 0.01% of the population

#326baf hex color

#326baf Color Information

#326baf Color Conversion

Color Schemes with #326baf

Alternatives to #326baf

#326baf Preview

Shades and Tints of #326baf

Tones of #326baf

Color Blindness Simulator