#032af0 hex color

In a RGB color space, hex #032af0 is composed of 1.2% red, 16.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 82.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.1 degrees, a saturation of 97.5% and a lightness of 47.6%. #032af0 color hex could be obtained by blending #0654ff with #0000e1. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 16
- B 94
RGB color chart
- C 99
- M 83
- Y 0
- K 6
CMYK color chart

● #032af0 color description : Vivid blue.

The hexadecimal color #032af0 has RGB values of R:3, G:42, B:240 and CMYK values of C:0.99, M:0.83, Y:0, K:0.06. Its decimal value is 207600.

Hex triplet	032af0	`#032af0`
RGB Decimal	3, 42, 240	`rgb(3,42,240)`
RGB Percent	1.2, 16.5, 94.1	`rgb(1.2%,16.5%,94.1%)`
CMYK	99, 83, 0, 6
HSL	230.1°, 97.5, 47.6	`hsl(230.1,97.5%,47.6%)`
HSV (or HSB)	230.1°, 98.8, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.91, 64.302, -96.717
XYZ	16.591, 7.965, 83.096
xyY	0.154, 0.074, 7.965
CIE-LCH	33.91, 116.142, 303.618
CIE-LUV	33.91, -11.299, -124.452
Hunter-Lab	28.223, 55.54, -154.812
Binary	00000011, 00101010, 11110000

#032af0
```
#032af0 rgb(3,42,240)
```
#f0c903
```
#f0c903 rgb(240,201,3)
```

Complementary Color

#03a1f0
```
#03a1f0 rgb(3,161,240)
```
#032af0
```
#032af0 rgb(3,42,240)
```
#5303f0
```
#5303f0 rgb(83,3,240)
```

Analogous Color

#a1f003
```
#a1f003 rgb(161,240,3)
```
#032af0
```
#032af0 rgb(3,42,240)
```
#f05303
```
#f05303 rgb(240,83,3)
```

Split Complementary Color

#2af003
```
#2af003 rgb(42,240,3)
```
#032af0
```
#032af0 rgb(3,42,240)
```
#f0032a
```
#f0032a rgb(240,3,42)
```

Triadic Color

#03f0c9
```
#03f0c9 rgb(3,240,201)
```
#032af0
```
#032af0 rgb(3,42,240)
```
#f0032a
```
#f0032a rgb(240,3,42)
```
#f0c903
```
#f0c903 rgb(240,201,3)
```

Tetradic Color

#021da4
```
#021da4 rgb(2,29,164)
```
#0221be
```
#0221be rgb(2,33,190)
```
#0326d7
```
#0326d7 rgb(3,38,215)
```
#032af0
```
#032af0 rgb(3,42,240)
```
#1037fc
```
#1037fc rgb(16,55,252)
```
#2a4cfc
```
#2a4cfc rgb(42,76,252)
```
#4361fd
```
#4361fd rgb(67,97,253)
```

Monochromatic Color

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

#0365f0
```
#0365f0 rgb(3,101,240)
```
#0352f0
```
#0352f0 rgb(3,82,240)
```
#033ef0
```
#033ef0 rgb(3,62,240)
```
#032af0
```
#032af0 rgb(3,42,240)
```
#0316f0
```
#0316f0 rgb(3,22,240)
```
#0403f0
```
#0403f0 rgb(4,3,240)
```
#1703f0
```
#1703f0 rgb(23,3,240)
```

Similar Colors

Text with hexadecimal color #032af0

This text has a font color of #032af0.

<span style="color:#032af0;">Text here</span>

#032af0 background color

This paragraph has a background color of #032af0.

<p style="background-color:#032af0;">Content here</p>

#032af0 border color

This element has a border color of #032af0.

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

CSS codes

.text {color:#032af0;}

.background {background-color:#032af0;}

.border {border:1px solid #032af0;}

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

#000108
```
#000108 rgb(0,1,8)
```
#00051b
```
#00051b rgb(0,5,27)
```
#01082e
```
#01082e rgb(1,8,46)
```
#010b42
```
#010b42 rgb(1,11,66)
```
#010f55
```
#010f55 rgb(1,15,85)
```
#011268
```
#011268 rgb(1,18,104)
```
#02167c
```
#02167c rgb(2,22,124)
```
#02198f
```
#02198f rgb(2,25,143)
```
#021ca3
```
#021ca3 rgb(2,28,163)
```
#0220b6
```
#0220b6 rgb(2,32,182)
```
#0323c9
```
#0323c9 rgb(3,35,201)
```
#0327dd
```
#0327dd rgb(3,39,221)
```
#032af0
```
#032af0 rgb(3,42,240)
```

Shade Color Variation

#0b32fc
```
#0b32fc rgb(11,50,252)
```
#1e43fc
```
#1e43fc rgb(30,67,252)
```
#3153fc
```
#3153fc rgb(49,83,252)
```
#4563fd
```
#4563fd rgb(69,99,253)
```
#5873fd
```
#5873fd rgb(88,115,253)
```
#6c83fd
```
#6c83fd rgb(108,131,253)
```
#7f94fd
```
#7f94fd rgb(127,148,253)
```
#92a4fe
```
#92a4fe rgb(146,164,254)
```
#a6b4fe
```
#a6b4fe rgb(166,180,254)
```
#b9c4fe
```
#b9c4fe rgb(185,196,254)
```
#ccd5fe
```
#ccd5fe rgb(204,213,254)
```
#e0e5ff
```
#e0e5ff rgb(224,229,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#737580
```
#737580 rgb(115,117,128)
```
#6a6f89
```
#6a6f89 rgb(106,111,137)
```
#606993
```
#606993 rgb(96,105,147)
```
#57629c
```
#57629c rgb(87,98,156)
```
#4e5ca5
```
#4e5ca5 rgb(78,92,165)
```
#4456af
```
#4456af rgb(68,86,175)
```
#3b50b8
```
#3b50b8 rgb(59,80,184)
```
#3249c1
```
#3249c1 rgb(50,73,193)
```
#2843cb
```
#2843cb rgb(40,67,203)
```
#1f3dd4
```
#1f3dd4 rgb(31,61,212)
```
#1637dd
```
#1637dd rgb(22,55,221)
```
#0c30e7
```
#0c30e7 rgb(12,48,231)
```
#032af0
```
#032af0 rgb(3,42,240)
```

Tone Color Variation

Below, you can see how #032af0 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

#353535 Achromatopsia 0.005% of the population
#2b335a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0146c1 Protanomaly 1% of men, 0.01% of women
#0149b3 Deuteranomaly 6% of men, 0.4% of women
#014d97 Tritanomaly 0.01% of the population

#032af0 hex color

#032af0 Color Information

#032af0 Color Conversion

Color Schemes with #032af0

Alternatives to #032af0

#032af0 Preview

Shades and Tints of #032af0

Tones of #032af0

Color Blindness Simulator