colorhexa.com

#32a1f0 hex color

In a RGB color space, hex #32a1f0 is composed of 19.6% red, 63.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 32.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 204.9 degrees, a saturation of 86.4% and a lightness of 56.9%. #32a1f0 color hex could be obtained by blending #64ffff with #0043e1. Closest websafe color is: #3399ff.

- R 20
- G 63
- B 94
RGB color chart
- C 79
- M 33
- Y 0
- K 6
CMYK color chart

● #32a1f0 color description : Bright blue.

The hexadecimal color #32a1f0 has RGB values of R:50, G:161, B:240 and CMYK values of C:0.79, M:0.33, Y:0, K:0.06. Its decimal value is 3318256.

Hex triplet	32a1f0	`#32a1f0`
RGB Decimal	50, 161, 240	`rgb(50,161,240)`
RGB Percent	19.6, 63.1, 94.1	`rgb(19.6%,63.1%,94.1%)`
CMYK	79, 33, 0, 6
HSL	204.9°, 86.4, 56.9	`hsl(204.9,86.4%,56.9%)`
HSV (or HSB)	204.9°, 79.2, 94.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.718, -3.998, -48.234
XYZ	29.785, 32.457, 87.128
xyY	0.199, 0.217, 32.457
CIE-LCH	63.718, 48.399, 265.262
CIE-LUV	63.718, -37.034, -76.939
Hunter-Lab	56.971, -6.378, -50.796
Binary	00110010, 10100001, 11110000

#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#f08132
```
#f08132 rgb(240,129,50)
```

Complementary Color

#32f0e0
```
#32f0e0 rgb(50,240,224)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#3242f0
```
#3242f0 rgb(50,66,240)
```

Analogous Color

#f0e032
```
#f0e032 rgb(240,224,50)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#f03242
```
#f03242 rgb(240,50,66)
```

Split Complementary Color

#a1f032
```
#a1f032 rgb(161,240,50)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#f032a1
```
#f032a1 rgb(240,50,161)
```

Triadic Color

#32f081
```
#32f081 rgb(50,240,129)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#f032a1
```
#f032a1 rgb(240,50,161)
```
#f08132
```
#f08132 rgb(240,129,50)
```

Tetradic Color

#0f7ac7
```
#0f7ac7 rgb(15,122,199)
```
#1089df
```
#1089df rgb(16,137,223)
```
#1a96ee
```
#1a96ee rgb(26,150,238)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#4aacf2
```
#4aacf2 rgb(74,172,242)
```
#62b7f3
```
#62b7f3 rgb(98,183,243)
```
#79c2f5
```
#79c2f5 rgb(121,194,245)
```

Monochromatic Color

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

#32d1f0
```
#32d1f0 rgb(50,209,240)
```
#32c1f0
```
#32c1f0 rgb(50,193,240)
```
#32b1f0
```
#32b1f0 rgb(50,177,240)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#3291f0
```
#3291f0 rgb(50,145,240)
```
#3281f0
```
#3281f0 rgb(50,129,240)
```
#3272f0
```
#3272f0 rgb(50,114,240)
```

Similar Colors

Text with hexadecimal color #32a1f0

This text has a font color of #32a1f0.

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

#32a1f0 background color

This paragraph has a background color of #32a1f0.

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

#32a1f0 border color

This element has a border color of #32a1f0.

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

CSS codes

.text {color:#32a1f0;}

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

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

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, #01090e is the darkest color, while #fbfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#021421
```
#021421 rgb(2,20,33)
```
#041f33
```
#041f33 rgb(4,31,51)
```
#052b45
```
#052b45 rgb(5,43,69)
```
#063657
```
#063657 rgb(6,54,87)
```
#08416a
```
#08416a rgb(8,65,106)
```
#094c7c
```
#094c7c rgb(9,76,124)
```
#0a578e
```
#0a578e rgb(10,87,142)
```
#0c63a1
```
#0c63a1 rgb(12,99,161)
```
#0d6eb3
```
#0d6eb3 rgb(13,110,179)
```
#0e79c5
```
#0e79c5 rgb(14,121,197)
```
#1084d7
```
#1084d7 rgb(16,132,215)
```
#1190ea
```
#1190ea rgb(17,144,234)
```

Shade Color Variation

#2099ef
```
#2099ef rgb(32,153,239)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#44a9f1
```
#44a9f1 rgb(68,169,241)
```
#57b2f3
```
#57b2f3 rgb(87,178,243)
```
#69baf4
```
#69baf4 rgb(105,186,244)
```
#7bc3f5
```
#7bc3f5 rgb(123,195,245)
```
#8dcbf7
```
#8dcbf7 rgb(141,203,247)
```
#a0d3f8
```
#a0d3f8 rgb(160,211,248)
```
#b2dcf9
```
#b2dcf9 rgb(178,220,249)
```
#c4e4fb
```
#c4e4fb rgb(196,228,251)
```
#d7ecfc
```
#d7ecfc rgb(215,236,252)
```
#e9f5fd
```
#e9f5fd rgb(233,245,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9193 is the less saturated color, while #2aa2f8 is the most saturated one.

#8f9193
```
#8f9193 rgb(143,145,147)
```
#87939b
```
#87939b rgb(135,147,155)
```
#7e94a4
```
#7e94a4 rgb(126,148,164)
```
#7696ac
```
#7696ac rgb(118,150,172)
```
#6d97b5
```
#6d97b5 rgb(109,151,181)
```
#6598bd
```
#6598bd rgb(101,152,189)
```
#5c9ac6
```
#5c9ac6 rgb(92,154,198)
```
#549bce
```
#549bce rgb(84,155,206)
```
#4b9dd7
```
#4b9dd7 rgb(75,157,215)
```
#439edf
```
#439edf rgb(67,158,223)
```
#3aa0e8
```
#3aa0e8 rgb(58,160,232)
```
#32a1f0
```
#32a1f0 rgb(50,161,240)
```
#2aa2f8
```
#2aa2f8 rgb(42,162,248)
```

Tone Color Variation

Below, you can see how #32a1f0 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
#788e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#829dea Protanopia 1% of men
#6b9ff3 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#659eec Protanomaly 1% of men, 0.01% of women
#56a0f2 Deuteranomaly 6% of men, 0.4% of women
#12a9ce Tritanomaly 0.01% of the population