#32a5dc hex color

In a RGB color space, hex #32a5dc is composed of 19.6% red, 64.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 25% magenta, 0% yellow and 13.7% black. It has a hue angle of 199.4 degrees, a saturation of 70.8% and a lightness of 52.9%. #32a5dc color hex could be obtained by blending #64ffff with #004bb9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 65
- B 86
RGB color chart
- C 77
- M 25
- Y 0
- K 14
CMYK color chart

● #32a5dc color description : Bright blue.

The hexadecimal color #32a5dc has RGB values of R:50, G:165, B:220 and CMYK values of C:0.77, M:0.25, Y:0, K:0.14. Its decimal value is 3319260.

Hex triplet	32a5dc	`#32a5dc`
RGB Decimal	50, 165, 220	`rgb(50,165,220)`
RGB Percent	19.6, 64.7, 86.3	`rgb(19.6%,64.7%,86.3%)`
CMYK	77, 25, 0, 14
HSL	199.4°, 70.8, 52.9	`hsl(199.4,70.8%,52.9%)`
HSV (or HSB)	199.4°, 77.3, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.961, -13.215, -36.837
XYZ	27.686, 32.753, 72.569
xyY	0.208, 0.246, 32.753
CIE-LCH	63.961, 39.136, 250.264
CIE-LUV	63.961, -39.509, -56.705
Hunter-Lab	57.23, -13.803, -35.119
Binary	00110010, 10100101, 11011100

#32a5dc
```
#32a5dc rgb(50,165,220)
```
#dc6932
```
#dc6932 rgb(220,105,50)
```

Complementary Color

#32dcbe
```
#32dcbe rgb(50,220,190)
```
#32a5dc
```
#32a5dc rgb(50,165,220)
```
#3250dc
```
#3250dc rgb(50,80,220)
```

Analogous Color

#dcbe32
```
#dcbe32 rgb(220,190,50)
```
#32a5dc
```
#32a5dc rgb(50,165,220)
```
#dc3250
```
#dc3250 rgb(220,50,80)
```

Split Complementary Color

#a5dc32
```
#a5dc32 rgb(165,220,50)
```
#32a5dc
```
#32a5dc rgb(50,165,220)
```
#dc32a5
```
#dc32a5 rgb(220,50,165)
```

Triadic Color

#32dc69
```
#32dc69 rgb(50,220,105)
```
#32a5dc
```
#32a5dc rgb(50,165,220)
```
#dc32a5
```
#dc32a5 rgb(220,50,165)
```
#dc6932
```
#dc6932 rgb(220,105,50)
```

Tetradic Color

#1c79a5
```
#1c79a5 rgb(28,121,165)
```
#2089bb
```
#2089bb rgb(32,137,187)
```
#2499d1
```
#2499d1 rgb(36,153,209)
```
#32a5dc
```
#32a5dc rgb(50,165,220)
```
#48afe0
```
#48afe0 rgb(72,175,224)
```
#5eb8e3
```
#5eb8e3 rgb(94,184,227)
```
#73c2e7
```
#73c2e7 rgb(115,194,231)
```

Monochromatic Color

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

#32d0dc
```
#32d0dc rgb(50,208,220)
```
#32c1dc
```
#32c1dc rgb(50,193,220)
```
#32b3dc
```
#32b3dc rgb(50,179,220)
```
#32a5dc
```
#32a5dc rgb(50,165,220)
```
#3297dc
```
#3297dc rgb(50,151,220)
```
#3289dc
```
#3289dc rgb(50,137,220)
```
#327bdc
```
#327bdc rgb(50,123,220)
```

Similar Colors

Text with hexadecimal color #32a5dc

This text has a font color of #32a5dc.

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

#32a5dc background color

This paragraph has a background color of #32a5dc.

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

#32a5dc border color

This element has a border color of #32a5dc.

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

CSS codes

.text {color:#32a5dc;}

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

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

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, #02090d is the darkest color, while #fbfdfe is the lightest one.

#02090d
```
#02090d rgb(2,9,13)
```
#05161e
```
#05161e rgb(5,22,30)
```
#08222e
```
#08222e rgb(8,34,46)
```
#0b2e3f
```
#0b2e3f rgb(11,46,63)
```
#0e3a50
```
#0e3a50 rgb(14,58,80)
```
#104761
```
#104761 rgb(16,71,97)
```
#135371
```
#135371 rgb(19,83,113)
```
#165f82
```
#165f82 rgb(22,95,130)
```
#196b93
```
#196b93 rgb(25,107,147)
```
#1c78a4
```
#1c78a4 rgb(28,120,164)
```
#1f84b4
```
#1f84b4 rgb(31,132,180)
```
#2290c5
```
#2290c5 rgb(34,144,197)
```
#259cd6
```
#259cd6 rgb(37,156,214)
```

Shade Color Variation

#32a5dc
```
#32a5dc rgb(50,165,220)
```
#43acdf
```
#43acdf rgb(67,172,223)
```
#54b4e2
```
#54b4e2 rgb(84,180,226)
```
#64bbe5
```
#64bbe5 rgb(100,187,229)
```
#75c2e7
```
#75c2e7 rgb(117,194,231)
```
#86caea
```
#86caea rgb(134,202,234)
```
#97d1ed
```
#97d1ed rgb(151,209,237)
```
#a7d8f0
```
#a7d8f0 rgb(167,216,240)
```
#b8e0f3
```
#b8e0f3 rgb(184,224,243)
```
#c9e7f6
```
#c9e7f6 rgb(201,231,246)
```
#daeff9
```
#daeff9 rgb(218,239,249)
```
#eaf6fb
```
#eaf6fb rgb(234,246,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#858889
```
#858889 rgb(133,136,137)
```
#7c8b92
```
#7c8b92 rgb(124,139,146)
```
#738e9b
```
#738e9b rgb(115,142,155)
```
#6991a5
```
#6991a5 rgb(105,145,165)
```
#6095ae
```
#6095ae rgb(96,149,174)
```
#5798b7
```
#5798b7 rgb(87,152,183)
```
#4e9bc0
```
#4e9bc0 rgb(78,155,192)
```
#449eca
```
#449eca rgb(68,158,202)
```
#3ba2d3
```
#3ba2d3 rgb(59,162,211)
```
#32a5dc
```
#32a5dc rgb(50,165,220)
```
#29a8e5
```
#29a8e5 rgb(41,168,229)
```
#20acee
```
#20acee rgb(32,172,238)
```
#16aff8
```
#16aff8 rgb(22,175,248)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#788f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9ed5 Protanopia 1% of men
#829fe2 Deuteranopia 1% of men
#00afbc Tritanopia 0.001% of the population

Trichromacy

#6ca0d8 Protanomaly 1% of men, 0.01% of women
#65a1df Deuteranomaly 6% of men, 0.4% of women
#12abc7 Tritanomaly 0.01% of the population

#32a5dc hex color

#32a5dc Color Information

#32a5dc Color Conversion

Color Schemes with #32a5dc

Alternatives to #32a5dc

#32a5dc Preview

Shades and Tints of #32a5dc

Tones of #32a5dc

Color Blindness Simulator