#328aed hex color

In a RGB color space, hex #328aed is composed of 19.6% red, 54.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 41.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 211.8 degrees, a saturation of 83.9% and a lightness of 56.3%. #328aed color hex could be obtained by blending #64ffff with #0015db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 54
- B 93
RGB color chart
- C 79
- M 42
- Y 0
- K 7
CMYK color chart

● #328aed color description : Bright blue.

The hexadecimal color #328aed has RGB values of R:50, G:138, B:237 and CMYK values of C:0.79, M:0.42, Y:0, K:0.07. Its decimal value is 3312365.

Hex triplet	328aed	`#328aed`
RGB Decimal	50, 138, 237	`rgb(50,138,237)`
RGB Percent	19.6, 54.1, 92.9	`rgb(19.6%,54.1%,92.9%)`
CMYK	79, 42, 0, 7
HSL	211.8°, 83.9, 56.3	`hsl(211.8,83.9%,56.3%)`
HSV (or HSB)	211.8°, 78.9, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.044, 8.422, -57.187
XYZ	25.686, 24.967, 83.582
xyY	0.191, 0.186, 24.967
CIE-LCH	57.044, 57.804, 278.377
CIE-LUV	57.044, -29.661, -91.312
Hunter-Lab	49.967, 4.318, -64.199
Binary	00110010, 10001010, 11101101

#328aed
```
#328aed rgb(50,138,237)
```
#ed9532
```
#ed9532 rgb(237,149,50)
```

Complementary Color

#32e8ed
```
#32e8ed rgb(50,232,237)
```
#328aed
```
#328aed rgb(50,138,237)
```
#3732ed
```
#3732ed rgb(55,50,237)
```

Analogous Color

#e8ed32
```
#e8ed32 rgb(232,237,50)
```
#328aed
```
#328aed rgb(50,138,237)
```
#ed3832
```
#ed3832 rgb(237,56,50)
```

Split Complementary Color

#8aed32
```
#8aed32 rgb(138,237,50)
```
#328aed
```
#328aed rgb(50,138,237)
```
#ed328a
```
#ed328a rgb(237,50,138)
```

Triadic Color

#32ed95
```
#32ed95 rgb(50,237,149)
```
#328aed
```
#328aed rgb(50,138,237)
```
#ed328a
```
#ed328a rgb(237,50,138)
```
#ed9532
```
#ed9532 rgb(237,149,50)
```

Tetradic Color

#1164c2
```
#1164c2 rgb(17,100,194)
```
#1370d9
```
#1370d9 rgb(19,112,217)
```
#1b7deb
```
#1b7deb rgb(27,125,235)
```
#328aed
```
#328aed rgb(50,138,237)
```
#4997ef
```
#4997ef rgb(73,151,239)
```
#61a5f1
```
#61a5f1 rgb(97,165,241)
```
#78b2f3
```
#78b2f3 rgb(120,178,243)
```

Monochromatic Color

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

#32b9ed
```
#32b9ed rgb(50,185,237)
```
#32a9ed
```
#32a9ed rgb(50,169,237)
```
#329aed
```
#329aed rgb(50,154,237)
```
#328aed
```
#328aed rgb(50,138,237)
```
#327aed
```
#327aed rgb(50,122,237)
```
#326bed
```
#326bed rgb(50,107,237)
```
#325bed
```
#325bed rgb(50,91,237)
```

Similar Colors

Text with hexadecimal color #328aed

This text has a font color of #328aed.

<span style="color:#328aed;">Text here</span>

#328aed background color

This paragraph has a background color of #328aed.

<p style="background-color:#328aed;">Content here</p>

#328aed border color

This element has a border color of #328aed.

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

CSS codes

.text {color:#328aed;}

.background {background-color:#328aed;}

.border {border:1px solid #328aed;}

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, #01060b is the darkest color, while #f8fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#030f1d
```
#030f1d rgb(3,15,29)
```
#04192f
```
#04192f rgb(4,25,47)
```
#062241
```
#062241 rgb(6,34,65)
```
#072b54
```
#072b54 rgb(7,43,84)
```
#093566
```
#093566 rgb(9,53,102)
```
#0a3e78
```
#0a3e78 rgb(10,62,120)
```
#0c478a
```
#0c478a rgb(12,71,138)
```
#0e509c
```
#0e509c rgb(14,80,156)
```
#0f5aae
```
#0f5aae rgb(15,90,174)
```
#1163c0
```
#1163c0 rgb(17,99,192)
```
#126cd2
```
#126cd2 rgb(18,108,210)
```
#1476e4
```
#1476e4 rgb(20,118,228)
```

Shade Color Variation

#2080eb
```
#2080eb rgb(32,128,235)
```
#328aed
```
#328aed rgb(50,138,237)
```
#4494ef
```
#4494ef rgb(68,148,239)
```
#569ff0
```
#569ff0 rgb(86,159,240)
```
#68a9f2
```
#68a9f2 rgb(104,169,242)
```
#7ab3f3
```
#7ab3f3 rgb(122,179,243)
```
#8cbdf5
```
#8cbdf5 rgb(140,189,245)
```
#9ec8f6
```
#9ec8f6 rgb(158,200,246)
```
#b0d2f8
```
#b0d2f8 rgb(176,210,248)
```
#c2dcfa
```
#c2dcfa rgb(194,220,250)
```
#d4e7fb
```
#d4e7fb rgb(212,231,251)
```
#e6f1fd
```
#e6f1fd rgb(230,241,253)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888f97 is the less saturated color, while #2189fe is the most saturated one.

#888f97
```
#888f97 rgb(136,143,151)
```
#7f8fa0
```
#7f8fa0 rgb(127,143,160)
```
#778ea8
```
#778ea8 rgb(119,142,168)
```
#6e8eb1
```
#6e8eb1 rgb(110,142,177)
```
#658dba
```
#658dba rgb(101,141,186)
```
#5d8dc2
```
#5d8dc2 rgb(93,141,194)
```
#548ccb
```
#548ccb rgb(84,140,203)
```
#4c8cd3
```
#4c8cd3 rgb(76,140,211)
```
#438bdc
```
#438bdc rgb(67,139,220)
```
#3b8be4
```
#3b8be4 rgb(59,139,228)
```
#328aed
```
#328aed rgb(50,138,237)
```
#2989f6
```
#2989f6 rgb(41,137,246)
```
#2189fe
```
#2189fe rgb(33,137,254)
```

Tone Color Variation

Below, you can see how #328aed 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

#7b7b7b Achromatopsia 0.005% of the population
#6c7e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#618bea Protanopia 1% of men
#3390ed Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#508beb Protanomaly 1% of men, 0.01% of women
#328eed Deuteranomaly 6% of men, 0.4% of women
#1296c0 Tritanomaly 0.01% of the population

#328aed hex color

#328aed Color Information

#328aed Color Conversion

Color Schemes with #328aed

Alternatives to #328aed

#328aed Preview

Shades and Tints of #328aed

Tones of #328aed

Color Blindness Simulator