#328cff hex color

In a RGB color space, hex #328cff is composed of 19.6% red, 54.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 45.1% magenta, 0% yellow and 0% black. It has a hue angle of 213.7 degrees, a saturation of 100% and a lightness of 59.8%. #328cff color hex could be obtained by blending #64ffff with #0019ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 55
- B 100
RGB color chart
- C 80
- M 45
- Y 0
- K 0
CMYK color chart

● #328cff color description : Vivid blue.

The hexadecimal color #328cff has RGB values of R:50, G:140, B:255 and CMYK values of C:0.8, M:0.45, Y:0, K:0. Its decimal value is 3312895.

Hex triplet	328cff	`#328cff`
RGB Decimal	50, 140, 255	`rgb(50,140,255)`
RGB Percent	19.6, 54.9, 100	`rgb(19.6%,54.9%,100%)`
CMYK	80, 45, 0, 0
HSL	213.7°, 100, 59.8	`hsl(213.7,100%,59.8%)`
HSV (or HSB)	213.7°, 80.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.651, 13.825, -64.545
XYZ	28.739, 26.652, 98.232
xyY	0.187, 0.173, 26.652
CIE-LCH	58.651, 66.009, 282.09
CIE-LUV	58.651, -29.649, -104.204
Hunter-Lab	51.625, 9.025, -76.678
Binary	00110010, 10001100, 11111111

#328cff
```
#328cff rgb(50,140,255)
```
#ffa532
```
#ffa532 rgb(255,165,50)
```

Complementary Color

#32f3ff
```
#32f3ff rgb(50,243,255)
```
#328cff
```
#328cff rgb(50,140,255)
```
#3f32ff
```
#3f32ff rgb(63,50,255)
```

Analogous Color

#f3ff32
```
#f3ff32 rgb(243,255,50)
```
#328cff
```
#328cff rgb(50,140,255)
```
#ff3f32
```
#ff3f32 rgb(255,63,50)
```

Split Complementary Color

#8cff32
```
#8cff32 rgb(140,255,50)
```
#328cff
```
#328cff rgb(50,140,255)
```
#ff328c
```
#ff328c rgb(255,50,140)
```

Triadic Color

#32ffa5
```
#32ffa5 rgb(50,255,165)
```
#328cff
```
#328cff rgb(50,140,255)
```
#ff328c
```
#ff328c rgb(255,50,140)
```
#ffa532
```
#ffa532 rgb(255,165,50)
```

Tetradic Color

#0064e5
```
#0064e5 rgb(0,100,229)
```
#0070fe
```
#0070fe rgb(0,112,254)
```
#197eff
```
#197eff rgb(25,126,255)
```
#328cff
```
#328cff rgb(50,140,255)
```
#4c9aff
```
#4c9aff rgb(76,154,255)
```
#65a9ff
```
#65a9ff rgb(101,169,255)
```
#7fb7ff
```
#7fb7ff rgb(127,183,255)
```

Monochromatic Color

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

#32bfff
```
#32bfff rgb(50,191,255)
```
#32aeff
```
#32aeff rgb(50,174,255)
```
#329dff
```
#329dff rgb(50,157,255)
```
#328cff
```
#328cff rgb(50,140,255)
```
#327bff
```
#327bff rgb(50,123,255)
```
#326aff
```
#326aff rgb(50,106,255)
```
#3259ff
```
#3259ff rgb(50,89,255)
```

Similar Colors

Text with hexadecimal color #328cff

This text has a font color of #328cff.

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

#328cff background color

This paragraph has a background color of #328cff.

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

#328cff border color

This element has a border color of #328cff.

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

CSS codes

.text {color:#328cff;}

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

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

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

#00050b
```
#00050b rgb(0,5,11)
```
#000d1e
```
#000d1e rgb(0,13,30)
```
#001632
```
#001632 rgb(0,22,50)
```
#001f46
```
#001f46 rgb(0,31,70)
```
#002759
```
#002759 rgb(0,39,89)
```
#00306d
```
#00306d rgb(0,48,109)
```
#003880
```
#003880 rgb(0,56,128)
```
#004194
```
#004194 rgb(0,65,148)
```
#004aa8
```
#004aa8 rgb(0,74,168)
```
#0052bb
```
#0052bb rgb(0,82,187)
```
#005bcf
```
#005bcf rgb(0,91,207)
```
#0063e3
```
#0063e3 rgb(0,99,227)
```
#006cf6
```
#006cf6 rgb(0,108,246)
```

Shade Color Variation

#0b76ff
```
#0b76ff rgb(11,118,255)
```
#1e81ff
```
#1e81ff rgb(30,129,255)
```
#328cff
```
#328cff rgb(50,140,255)
```
#4697ff
```
#4697ff rgb(70,151,255)
```
#59a2ff
```
#59a2ff rgb(89,162,255)
```
#6dadff
```
#6dadff rgb(109,173,255)
```
#80b8ff
```
#80b8ff rgb(128,184,255)
```
#94c3ff
```
#94c3ff rgb(148,195,255)
```
#a8ceff
```
#a8ceff rgb(168,206,255)
```
#bbd9ff
```
#bbd9ff rgb(187,217,255)
```
#cfe4ff
```
#cfe4ff rgb(207,228,255)
```
#e3efff
```
#e3efff rgb(227,239,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9198a0 is the less saturated color, while #328cff is the most saturated one.

#9198a0
```
#9198a0 rgb(145,152,160)
```
#8997a8
```
#8997a8 rgb(137,151,168)
```
#8196b0
```
#8196b0 rgb(129,150,176)
```
#7995b8
```
#7995b8 rgb(121,149,184)
```
#7194c0
```
#7194c0 rgb(113,148,192)
```
#6993c8
```
#6993c8 rgb(105,147,200)
```
#6192d0
```
#6192d0 rgb(97,146,208)
```
#5991d8
```
#5991d8 rgb(89,145,216)
```
#5290df
```
#5290df rgb(82,144,223)
```
#4a8fe7
```
#4a8fe7 rgb(74,143,231)
```
#428eef
```
#428eef rgb(66,142,239)
```
#3a8df7
```
#3a8df7 rgb(58,141,247)
```
#328cff
```
#328cff rgb(50,140,255)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6f8198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#578ffc Protanopia 1% of men
#0095f8 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#498efd Protanomaly 1% of men, 0.01% of women
#1292fa Deuteranomaly 6% of men, 0.4% of women
#1299c9 Tritanomaly 0.01% of the population

#328cff hex color

#328cff Color Information

#328cff Color Conversion

Color Schemes with #328cff

Alternatives to #328cff

#328cff Preview

Shades and Tints of #328cff

Tones of #328cff

Color Blindness Simulator