#201af2 hex color

In a RGB color space, hex #201af2 is composed of 12.5% red, 10.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 89.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 241.7 degrees, a saturation of 89.3% and a lightness of 52.5%. #201af2 color hex could be obtained by blending #4034ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 10
- B 95
RGB color chart
- C 87
- M 89
- Y 0
- K 5
CMYK color chart

● #201af2 color description : Vivid blue.

The hexadecimal color #201af2 has RGB values of R:32, G:26, B:242 and CMYK values of C:0.87, M:0.89, Y:0, K:0.05. Its decimal value is 2104050.

Hex triplet	201af2	`#201af2`
RGB Decimal	32, 26, 242	`rgb(32,26,242)`
RGB Percent	12.5, 10.2, 94.9	`rgb(12.5%,10.2%,94.9%)`
CMYK	87, 89, 0, 5
HSL	241.7°, 89.3, 52.5	`hsl(241.7,89.3%,52.5%)`
HSV (or HSB)	241.7°, 89.3, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	32.822, 71.212, -99.648
XYZ	16.989, 7.455, 84.543
xyY	0.156, 0.068, 7.455
CIE-LCH	32.822, 122.478, 305.551
CIE-LUV	32.822, -8.6, -124.973
Hunter-Lab	27.305, 63.279, -164.466
Binary	00100000, 00011010, 11110010

#201af2
```
#201af2 rgb(32,26,242)
```
#ecf21a
```
#ecf21a rgb(236,242,26)
```

Complementary Color

#1a80f2
```
#1a80f2 rgb(26,128,242)
```
#201af2
```
#201af2 rgb(32,26,242)
```
#8c1af2
```
#8c1af2 rgb(140,26,242)
```

Analogous Color

#80f21a
```
#80f21a rgb(128,242,26)
```
#201af2
```
#201af2 rgb(32,26,242)
```
#f28c1a
```
#f28c1a rgb(242,140,26)
```

Split Complementary Color

#1af220
```
#1af220 rgb(26,242,32)
```
#201af2
```
#201af2 rgb(32,26,242)
```
#f2201a
```
#f2201a rgb(242,32,26)
```

Triadic Color

#1aecf2
```
#1aecf2 rgb(26,236,242)
```
#201af2
```
#201af2 rgb(32,26,242)
```
#f2201a
```
#f2201a rgb(242,32,26)
```
#ecf21a
```
#ecf21a rgb(236,242,26)
```

Tetradic Color

#0f0ab5
```
#0f0ab5 rgb(15,10,181)
```
#110ccd
```
#110ccd rgb(17,12,205)
```
#130de5
```
#130de5 rgb(19,13,229)
```
#201af2
```
#201af2 rgb(32,26,242)
```
#3732f3
```
#3732f3 rgb(55,50,243)
```
#4f4af5
```
#4f4af5 rgb(79,74,245)
```
#6662f6
```
#6662f6 rgb(102,98,246)
```

Monochromatic Color

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

#1a4af2
```
#1a4af2 rgb(26,74,242)
```
#1a38f2
```
#1a38f2 rgb(26,56,242)
```
#1a26f2
```
#1a26f2 rgb(26,38,242)
```
#201af2
```
#201af2 rgb(32,26,242)
```
#321af2
```
#321af2 rgb(50,26,242)
```
#441af2
```
#441af2 rgb(68,26,242)
```
#561af2
```
#561af2 rgb(86,26,242)
```

Similar Colors

Text with hexadecimal color #201af2

This text has a font color of #201af2.

<span style="color:#201af2;">Text here</span>

#201af2 background color

This paragraph has a background color of #201af2.

<p style="background-color:#201af2;">Content here</p>

#201af2 border color

This element has a border color of #201af2.

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

CSS codes

.text {color:#201af2;}

.background {background-color:#201af2;}

.border {border:1px solid #201af2;}

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, #01010c is the darkest color, while #f9f9ff is the lightest one.

#01010c
```
#01010c rgb(1,1,12)
```
#03021f
```
#03021f rgb(3,2,31)
```
#040331
```
#040331 rgb(4,3,49)
```
#060444
```
#060444 rgb(6,4,68)
```
#070557
```
#070557 rgb(7,5,87)
```
#090669
```
#090669 rgb(9,6,105)
```
#0a077c
```
#0a077c rgb(10,7,124)
```
#0c088e
```
#0c088e rgb(12,8,142)
```
#0d09a1
```
#0d09a1 rgb(13,9,161)
```
#0f0ab3
```
#0f0ab3 rgb(15,10,179)
```
#100bc6
```
#100bc6 rgb(16,11,198)
```
#120cd8
```
#120cd8 rgb(18,12,216)
```
#140deb
```
#140deb rgb(20,13,235)
```

Shade Color Variation

#201af2
```
#201af2 rgb(32,26,242)
```
#322df3
```
#322df3 rgb(50,45,243)
```
#443ff4
```
#443ff4 rgb(68,63,244)
```
#5652f5
```
#5652f5 rgb(86,82,245)
```
#6864f6
```
#6864f6 rgb(104,100,246)
```
#7a77f7
```
#7a77f7 rgb(122,119,247)
```
#8c89f8
```
#8c89f8 rgb(140,137,248)
```
#9f9cf9
```
#9f9cf9 rgb(159,156,249)
```
#b1aefa
```
#b1aefa rgb(177,174,250)
```
#c3c1fb
```
#c3c1fb rgb(195,193,251)
```
#d5d4fd
```
#d5d4fd rgb(213,212,253)
```
#e7e6fe
```
#e7e6fe rgb(231,230,254)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81808c is the less saturated color, while #1711fb is the most saturated one.

#81808c
```
#81808c rgb(129,128,140)
```
#787795
```
#787795 rgb(120,119,149)
```
#6f6e9e
```
#6f6e9e rgb(111,110,158)
```
#6664a8
```
#6664a8 rgb(102,100,168)
```
#5e5bb1
```
#5e5bb1 rgb(94,91,177)
```
#5552ba
```
#5552ba rgb(85,82,186)
```
#4c49c3
```
#4c49c3 rgb(76,73,195)
```
#433fcd
```
#433fcd rgb(67,63,205)
```
#3a36d6
```
#3a36d6 rgb(58,54,214)
```
#322ddf
```
#322ddf rgb(50,45,223)
```
#2923e9
```
#2923e9 rgb(41,35,233)
```
#201af2
```
#201af2 rgb(32,26,242)
```
#1711fb
```
#1711fb rgb(23,17,251)
```

Tone Color Variation

Below, you can see how #201af2 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

#343434 Achromatopsia 0.005% of the population
#302f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a2 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#0b3ebf Protanomaly 1% of men, 0.01% of women
#0b42b1 Deuteranomaly 6% of men, 0.4% of women
#0b4696 Tritanomaly 0.01% of the population

#201af2 hex color

#201af2 Color Information

#201af2 Color Conversion

Color Schemes with #201af2

Alternatives to #201af2

#201af2 Preview

Shades and Tints of #201af2

Tones of #201af2

Color Blindness Simulator