#32afe0 hex color

In a RGB color space, hex #32afe0 is composed of 19.6% red, 68.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 21.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 196.9 degrees, a saturation of 73.7% and a lightness of 53.7%. #32afe0 color hex could be obtained by blending #64ffff with #005fc1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 69
- B 88
RGB color chart
- C 78
- M 22
- Y 0
- K 12
CMYK color chart

● #32afe0 color description : Bright blue.

The hexadecimal color #32afe0 has RGB values of R:50, G:175, B:224 and CMYK values of C:0.78, M:0.22, Y:0, K:0.12. Its decimal value is 3321824.

Hex triplet	32afe0	`#32afe0`
RGB Decimal	50, 175, 224	`rgb(50,175,224)`
RGB Percent	19.6, 68.6, 87.8	`rgb(19.6%,68.6%,87.8%)`
CMYK	78, 22, 0, 12
HSL	196.9°, 73.7, 53.7	`hsl(196.9,73.7%,53.7%)`
HSV (or HSB)	196.9°, 77.7, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.064, -17.239, -34.211
XYZ	30.096, 36.717, 76.018
xyY	0.211, 0.257, 36.717
CIE-LCH	67.064, 38.309, 243.256
CIE-LUV	67.064, -42.733, -52.15
Hunter-Lab	60.595, -17.383, -31.965
Binary	00110010, 10101111, 11100000

#32afe0
```
#32afe0 rgb(50,175,224)
```
#e06332
```
#e06332 rgb(224,99,50)
```

Complementary Color

#32e0ba
```
#32e0ba rgb(50,224,186)
```
#32afe0
```
#32afe0 rgb(50,175,224)
```
#3258e0
```
#3258e0 rgb(50,88,224)
```

Analogous Color

#e0ba32
```
#e0ba32 rgb(224,186,50)
```
#32afe0
```
#32afe0 rgb(50,175,224)
```
#e03258
```
#e03258 rgb(224,50,88)
```

Split Complementary Color

#afe032
```
#afe032 rgb(175,224,50)
```
#32afe0
```
#32afe0 rgb(50,175,224)
```
#e032af
```
#e032af rgb(224,50,175)
```

Triadic Color

#32e063
```
#32e063 rgb(50,224,99)
```
#32afe0
```
#32afe0 rgb(50,175,224)
```
#e032af
```
#e032af rgb(224,50,175)
```
#e06332
```
#e06332 rgb(224,99,50)
```

Tetradic Color

#1a83ac
```
#1a83ac rgb(26,131,172)
```
#1d93c2
```
#1d93c2 rgb(29,147,194)
```
#21a4d8
```
#21a4d8 rgb(33,164,216)
```
#32afe0
```
#32afe0 rgb(50,175,224)
```
#48b8e3
```
#48b8e3 rgb(72,184,227)
```
#5ec0e7
```
#5ec0e7 rgb(94,192,231)
```
#74c9ea
```
#74c9ea rgb(116,201,234)
```

Monochromatic Color

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

#32dbe0
```
#32dbe0 rgb(50,219,224)
```
#32cce0
```
#32cce0 rgb(50,204,224)
```
#32bee0
```
#32bee0 rgb(50,190,224)
```
#32afe0
```
#32afe0 rgb(50,175,224)
```
#32a1e0
```
#32a1e0 rgb(50,161,224)
```
#3292e0
```
#3292e0 rgb(50,146,224)
```
#3284e0
```
#3284e0 rgb(50,132,224)
```

Similar Colors

Text with hexadecimal color #32afe0

This text has a font color of #32afe0.

<span style="color:#32afe0;">Text here</span>

#32afe0 background color

This paragraph has a background color of #32afe0.

<p style="background-color:#32afe0;">Content here</p>

#32afe0 border color

This element has a border color of #32afe0.

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

CSS codes

.text {color:#32afe0;}

.background {background-color:#32afe0;}

.border {border:1px solid #32afe0;}

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, #020d11 is the darkest color, while #feffff is the lightest one.

#020d11
```
#020d11 rgb(2,13,17)
```
#051a22
```
#051a22 rgb(5,26,34)
```
#082633
```
#082633 rgb(8,38,51)
```
#0a3344
```
#0a3344 rgb(10,51,68)
```
#0d4055
```
#0d4055 rgb(13,64,85)
```
#0f4d66
```
#0f4d66 rgb(15,77,102)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#156788
```
#156788 rgb(21,103,136)
```
#177499
```
#177499 rgb(23,116,153)
```
#1a81aa
```
#1a81aa rgb(26,129,170)
```
#1c8ebb
```
#1c8ebb rgb(28,142,187)
```
#1f9bcc
```
#1f9bcc rgb(31,155,204)
```
#21a8dd
```
#21a8dd rgb(33,168,221)
```

Shade Color Variation

#32afe0
```
#32afe0 rgb(50,175,224)
```
#43b6e3
```
#43b6e3 rgb(67,182,227)
```
#54bce5
```
#54bce5 rgb(84,188,229)
```
#65c3e8
```
#65c3e8 rgb(101,195,232)
```
#76caea
```
#76caea rgb(118,202,234)
```
#87d0ed
```
#87d0ed rgb(135,208,237)
```
#98d7ef
```
#98d7ef rgb(152,215,239)
```
#a9def2
```
#a9def2 rgb(169,222,242)
```
#bae4f5
```
#bae4f5 rgb(186,228,245)
```
#cbebf7
```
#cbebf7 rgb(203,235,247)
```
#dcf1fa
```
#dcf1fa rgb(220,241,250)
```
#edf8fc
```
#edf8fc rgb(237,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848b8e is the less saturated color, while #17bbfb is the most saturated one.

#848b8e
```
#848b8e rgb(132,139,142)
```
#7b8f97
```
#7b8f97 rgb(123,143,151)
```
#7293a0
```
#7293a0 rgb(114,147,160)
```
#6897aa
```
#6897aa rgb(104,151,170)
```
#5f9bb3
```
#5f9bb3 rgb(95,155,179)
```
#569fbc
```
#569fbc rgb(86,159,188)
```
#4da3c5
```
#4da3c5 rgb(77,163,197)
```
#44a7ce
```
#44a7ce rgb(68,167,206)
```
#3babd7
```
#3babd7 rgb(59,171,215)
```
#32afe0
```
#32afe0 rgb(50,175,224)
```
#29b3e9
```
#29b3e9 rgb(41,179,233)
```
#20b7f2
```
#20b7f2 rgb(32,183,242)
```
#17bbfb
```
#17bbfb rgb(23,187,251)
```

Tone Color Variation

Below, you can see how #32afe0 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

#8f8f8f Achromatopsia 0.005% of the population
#7c959f Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a6d8 Protanopia 1% of men
#8fa6e6 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#73a9db Protanomaly 1% of men, 0.01% of women
#6da9e4 Deuteranomaly 6% of men, 0.4% of women
#12b4cf Tritanomaly 0.01% of the population

#32afe0 hex color

#32afe0 Color Information

#32afe0 Color Conversion

Color Schemes with #32afe0

Alternatives to #32afe0

#32afe0 Preview

Shades and Tints of #32afe0

Tones of #32afe0

Color Blindness Simulator