#328afa hex color

In a RGB color space, hex #328afa is composed of 19.6% red, 54.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 44.8% magenta, 0% yellow and 2% black. It has a hue angle of 213.6 degrees, a saturation of 95.2% and a lightness of 58.8%. #328afa color hex could be obtained by blending #64ffff with #0015f5. Closest websafe color is: #3399ff.

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

● #328afa color description : Bright blue.

The hexadecimal color #328afa has RGB values of R:50, G:138, B:250 and CMYK values of C:0.8, M:0.45, Y:0, K:0.02. Its decimal value is 3312378.

Hex triplet	328afa	`#328afa`
RGB Decimal	50, 138, 250	`rgb(50,138,250)`
RGB Percent	19.6, 54.1, 98	`rgb(19.6%,54.1%,98%)`
CMYK	80, 45, 0, 2
HSL	213.6°, 95.2, 58.8	`hsl(213.6,95.2%,58.8%)`
HSV (or HSB)	213.6°, 80, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.804, 13.202, -63.157
XYZ	27.655, 25.755, 93.951
xyY	0.188, 0.175, 25.755
CIE-LCH	57.804, 64.522, 281.807
CIE-LUV	57.804, -29.204, -101.609
Hunter-Lab	50.749, 8.46, -74.238
Binary	00110010, 10001010, 11111010

#328afa
```
#328afa rgb(50,138,250)
```
#faa232
```
#faa232 rgb(250,162,50)
```

Complementary Color

#32eefa
```
#32eefa rgb(50,238,250)
```
#328afa
```
#328afa rgb(50,138,250)
```
#3e32fa
```
#3e32fa rgb(62,50,250)
```

Analogous Color

#eefa32
```
#eefa32 rgb(238,250,50)
```
#328afa
```
#328afa rgb(50,138,250)
```
#fa3e32
```
#fa3e32 rgb(250,62,50)
```

Split Complementary Color

#8afa32
```
#8afa32 rgb(138,250,50)
```
#328afa
```
#328afa rgb(50,138,250)
```
#fa328a
```
#fa328a rgb(250,50,138)
```

Triadic Color

#32faa2
```
#32faa2 rgb(50,250,162)
```
#328afa
```
#328afa rgb(50,138,250)
```
#fa328a
```
#fa328a rgb(250,50,138)
```
#faa232
```
#faa232 rgb(250,162,50)
```

Tetradic Color

#0563da
```
#0563da rgb(5,99,218)
```
#066ef3
```
#066ef3 rgb(6,110,243)
```
#197cf9
```
#197cf9 rgb(25,124,249)
```
#328afa
```
#328afa rgb(50,138,250)
```
#4b98fb
```
#4b98fb rgb(75,152,251)
```
#64a6fb
```
#64a6fb rgb(100,166,251)
```
#7db5fc
```
#7db5fc rgb(125,181,252)
```

Monochromatic Color

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

#32bcfa
```
#32bcfa rgb(50,188,250)
```
#32abfa
```
#32abfa rgb(50,171,250)
```
#329bfa
```
#329bfa rgb(50,155,250)
```
#328afa
```
#328afa rgb(50,138,250)
```
#3279fa
```
#3279fa rgb(50,121,250)
```
#3269fa
```
#3269fa rgb(50,105,250)
```
#3258fa
```
#3258fa rgb(50,88,250)
```

Similar Colors

Text with hexadecimal color #328afa

This text has a font color of #328afa.

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

#328afa background color

This paragraph has a background color of #328afa.

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

#328afa border color

This element has a border color of #328afa.

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

CSS codes

.text {color:#328afa;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010b19
```
#010b19 rgb(1,11,25)
```
#01142c
```
#01142c rgb(1,20,44)
```
#021d3f
```
#021d3f rgb(2,29,63)
```
#022552
```
#022552 rgb(2,37,82)
```
#022e65
```
#022e65 rgb(2,46,101)
```
#033779
```
#033779 rgb(3,55,121)
```
#033f8c
```
#033f8c rgb(3,63,140)
```
#04489f
```
#04489f rgb(4,72,159)
```
#0451b2
```
#0451b2 rgb(4,81,178)
```
#0559c5
```
#0559c5 rgb(5,89,197)
```
#0562d8
```
#0562d8 rgb(5,98,216)
```
#066beb
```
#066beb rgb(6,107,235)
```

Shade Color Variation

#0c74f9
```
#0c74f9 rgb(12,116,249)
```
#1f7ffa
```
#1f7ffa rgb(31,127,250)
```
#328afa
```
#328afa rgb(50,138,250)
```
#4595fa
```
#4595fa rgb(69,149,250)
```
#58a0fb
```
#58a0fb rgb(88,160,251)
```
#6babfb
```
#6babfb rgb(107,171,251)
```
#7fb6fc
```
#7fb6fc rgb(127,182,252)
```
#92c1fc
```
#92c1fc rgb(146,193,252)
```
#a5ccfd
```
#a5ccfd rgb(165,204,253)
```
#b8d7fd
```
#b8d7fd rgb(184,215,253)
```
#cbe1fe
```
#cbe1fe rgb(203,225,254)
```
#deecfe
```
#deecfe rgb(222,236,254)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#939699
```
#939699 rgb(147,150,153)
```
#8b95a1
```
#8b95a1 rgb(139,149,161)
```
#8394a9
```
#8394a9 rgb(131,148,169)
```
#7b93b1
```
#7b93b1 rgb(123,147,177)
```
#7392b9
```
#7392b9 rgb(115,146,185)
```
#6b91c1
```
#6b91c1 rgb(107,145,193)
```
#6290ca
```
#6290ca rgb(98,144,202)
```
#5a8fd2
```
#5a8fd2 rgb(90,143,210)
```
#528eda
```
#528eda rgb(82,142,218)
```
#4a8de2
```
#4a8de2 rgb(74,141,226)
```
#428cea
```
#428cea rgb(66,140,234)
```
#3a8bf2
```
#3a8bf2 rgb(58,139,242)
```
#328afa
```
#328afa rgb(50,138,250)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d7f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#578df7 Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#498cf8 Protanomaly 1% of men, 0.01% of women
#128ff6 Deuteranomaly 6% of men, 0.4% of women
#1297c6 Tritanomaly 0.01% of the population

#328afa hex color

#328afa Color Information

#328afa Color Conversion

Color Schemes with #328afa

Alternatives to #328afa

#328afa Preview

Shades and Tints of #328afa

Tones of #328afa

Color Blindness Simulator