#32bae2 hex color

In a RGB color space, hex #32bae2 is composed of 19.6% red, 72.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 17.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 193.6 degrees, a saturation of 75.2% and a lightness of 54.1%. #32bae2 color hex could be obtained by blending #64ffff with #0075c5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 20
- G 73
- B 89
RGB color chart
- C 78
- M 18
- Y 0
- K 11
CMYK color chart

● #32bae2 color description : Bright cyan.

The hexadecimal color #32bae2 has RGB values of R:50, G:186, B:226 and CMYK values of C:0.78, M:0.18, Y:0, K:0.11. Its decimal value is 3324642.

Hex triplet	32bae2	`#32bae2`
RGB Decimal	50, 186, 226	`rgb(50,186,226)`
RGB Percent	19.6, 72.9, 88.6	`rgb(19.6%,72.9%,88.6%)`
CMYK	78, 18, 0, 11
HSL	193.6°, 75.2, 54.1	`hsl(193.6,75.2%,54.1%)`
HSV (or HSB)	193.6°, 77.9, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.374, -22.314, -30.184
XYZ	32.598, 41.284, 78.198
xyY	0.214, 0.271, 41.284
CIE-LCH	70.374, 37.537, 233.525
CIE-LUV	70.374, -46.425, -44.999
Hunter-Lab	64.253, -21.881, -27.181
Binary	00110010, 10111010, 11100010

#32bae2
```
#32bae2 rgb(50,186,226)
```
#e25a32
```
#e25a32 rgb(226,90,50)
```

Complementary Color

#32e2b2
```
#32e2b2 rgb(50,226,178)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#3262e2
```
#3262e2 rgb(50,98,226)
```

Analogous Color

#e2b232
```
#e2b232 rgb(226,178,50)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#e23262
```
#e23262 rgb(226,50,98)
```

Split Complementary Color

#bae232
```
#bae232 rgb(186,226,50)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#e232ba
```
#e232ba rgb(226,50,186)
```

Triadic Color

#32e25a
```
#32e25a rgb(50,226,90)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#e232ba
```
#e232ba rgb(226,50,186)
```
#e25a32
```
#e25a32 rgb(226,90,50)
```

Tetradic Color

#198daf
```
#198daf rgb(25,141,175)
```
#1c9fc5
```
#1c9fc5 rgb(28,159,197)
```
#1fb1db
```
#1fb1db rgb(31,177,219)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#48c2e5
```
#48c2e5 rgb(72,194,229)
```
#5fc9e8
```
#5fc9e8 rgb(95,201,232)
```
#75d1eb
```
#75d1eb rgb(117,209,235)
```

Monochromatic Color

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

#32e2de
```
#32e2de rgb(50,226,222)
```
#32d7e2
```
#32d7e2 rgb(50,215,226)
```
#32c9e2
```
#32c9e2 rgb(50,201,226)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#32abe2
```
#32abe2 rgb(50,171,226)
```
#329de2
```
#329de2 rgb(50,157,226)
```
#328ee2
```
#328ee2 rgb(50,142,226)
```

Similar Colors

Text with hexadecimal color #32bae2

This text has a font color of #32bae2.

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

#32bae2 background color

This paragraph has a background color of #32bae2.

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

#32bae2 border color

This element has a border color of #32bae2.

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

CSS codes

.text {color:#32bae2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030f12
```
#030f12 rgb(3,15,18)
```
#051d24
```
#051d24 rgb(5,29,36)
```
#072a35
```
#072a35 rgb(7,42,53)
```
#0a3846
```
#0a3846 rgb(10,56,70)
```
#0c4657
```
#0c4657 rgb(12,70,87)
```
#0f5468
```
#0f5468 rgb(15,84,104)
```
#11627a
```
#11627a rgb(17,98,122)
```
#14708b
```
#14708b rgb(20,112,139)
```
#167d9c
```
#167d9c rgb(22,125,156)
```
#188bad
```
#188bad rgb(24,139,173)
```
#1b99be
```
#1b99be rgb(27,153,190)
```
#1da7cf
```
#1da7cf rgb(29,167,207)
```

Shade Color Variation

#21b4e0
```
#21b4e0 rgb(33,180,224)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#43c0e4
```
#43c0e4 rgb(67,192,228)
```
#54c6e7
```
#54c6e7 rgb(84,198,231)
```
#66cbe9
```
#66cbe9 rgb(102,203,233)
```
#77d1ec
```
#77d1ec rgb(119,209,236)
```
#88d7ee
```
#88d7ee rgb(136,215,238)
```
#99ddf1
```
#99ddf1 rgb(153,221,241)
```
#aae2f3
```
#aae2f3 rgb(170,226,243)
```
#bbe8f5
```
#bbe8f5 rgb(187,232,245)
```
#cdeef8
```
#cdeef8 rgb(205,238,248)
```
#def4fa
```
#def4fa rgb(222,244,250)
```
#effafd
```
#effafd rgb(239,250,253)
```

Tint Color Variation

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

#838e91
```
#838e91 rgb(131,142,145)
```
#7a939a
```
#7a939a rgb(122,147,154)
```
#7198a3
```
#7198a3 rgb(113,152,163)
```
#689dac
```
#689dac rgb(104,157,172)
```
#5fa1b5
```
#5fa1b5 rgb(95,161,181)
```
#56a6be
```
#56a6be rgb(86,166,190)
```
#4dabc7
```
#4dabc7 rgb(77,171,199)
```
#44b0d0
```
#44b0d0 rgb(68,176,208)
```
#3bb5d9
```
#3bb5d9 rgb(59,181,217)
```
#32bae2
```
#32bae2 rgb(50,186,226)
```
#29bfeb
```
#29bfeb rgb(41,191,235)
```
#20c4f4
```
#20c4f4 rgb(32,196,244)
```
#17c9fd
```
#17c9fd rgb(23,201,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#829da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5aed9 Protanopia 1% of men
#9eaee9 Deuteranopia 1% of men
#1cc1cf Tritanopia 0.001% of the population

Trichromacy

#7bb2dc Protanomaly 1% of men, 0.01% of women
#76b2e6 Deuteranomaly 6% of men, 0.4% of women
#24bed6 Tritanomaly 0.01% of the population

#32bae2 hex color

#32bae2 Color Information

#32bae2 Color Conversion

Color Schemes with #32bae2

Alternatives to #32bae2

#32bae2 Preview

Shades and Tints of #32bae2

Tones of #32bae2

Color Blindness Simulator