#2f20e1 hex color

In a RGB color space, hex #2f20e1 is composed of 18.4% red, 12.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 85.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 244.7 degrees, a saturation of 76.3% and a lightness of 50.4%. #2f20e1 color hex could be obtained by blending #5e40ff with #0000c3. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 13
- B 88
RGB color chart
- C 79
- M 86
- Y 0
- K 12
CMYK color chart

● #2f20e1 color description : Vivid blue.

The hexadecimal color #2f20e1 has RGB values of R:47, G:32, B:225 and CMYK values of C:0.79, M:0.86, Y:0, K:0.12. Its decimal value is 3088609.

Hex triplet	2f20e1	`#2f20e1`
RGB Decimal	47, 32, 225	`rgb(47,32,225)`
RGB Percent	18.4, 12.5, 88.2	`rgb(18.4%,12.5%,88.2%)`
CMYK	79, 86, 0, 12
HSL	244.7°, 76.3, 50.4	`hsl(244.7,76.3%,50.4%)`
HSV (or HSB)	244.7°, 85.8, 88.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.972, 65.079, -91.363
XYZ	15.277, 7.073, 71.79
xyY	0.162, 0.075, 7.073
CIE-LCH	31.972, 112.172, 305.462
CIE-LUV	31.972, -6.805, -116.088
Hunter-Lab	26.594, 55.996, -141.434
Binary	00101111, 00100000, 11100001

#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#d2e120
```
#d2e120 rgb(210,225,32)
```

Complementary Color

#2072e1
```
#2072e1 rgb(32,114,225)
```
#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#9020e1
```
#9020e1 rgb(144,32,225)
```

Analogous Color

#72e120
```
#72e120 rgb(114,225,32)
```
#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#e19020
```
#e19020 rgb(225,144,32)
```

Split Complementary Color

#20e12f
```
#20e12f rgb(32,225,47)
```
#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#e12f20
```
#e12f20 rgb(225,47,32)
```

Triadic Color

#20d2e1
```
#20d2e1 rgb(32,210,225)
```
#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#e12f20
```
#e12f20 rgb(225,47,32)
```
#d2e120
```
#d2e120 rgb(210,225,32)
```

Tetradic Color

#20159f
```
#20159f rgb(32,21,159)
```
#2518b6
```
#2518b6 rgb(37,24,182)
```
#291bcc
```
#291bcc rgb(41,27,204)
```
#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#4436e4
```
#4436e4 rgb(68,54,228)
```
#594de7
```
#594de7 rgb(89,77,231)
```
#6e63ea
```
#6e63ea rgb(110,99,234)
```

Monochromatic Color

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

#2041e1
```
#2041e1 rgb(32,65,225)
```
#2031e1
```
#2031e1 rgb(32,49,225)
```
#2021e1
```
#2021e1 rgb(32,33,225)
```
#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#3f20e1
```
#3f20e1 rgb(63,32,225)
```
#4f20e1
```
#4f20e1 rgb(79,32,225)
```
#5f20e1
```
#5f20e1 rgb(95,32,225)
```

Similar Colors

Text with hexadecimal color #2f20e1

This text has a font color of #2f20e1.

<span style="color:#2f20e1;">Text here</span>

#2f20e1 background color

This paragraph has a background color of #2f20e1.

<p style="background-color:#2f20e1;">Content here</p>

#2f20e1 border color

This element has a border color of #2f20e1.

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

CSS codes

.text {color:#2f20e1;}

.background {background-color:#2f20e1;}

.border {border:1px solid #2f20e1;}

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

#000002
```
#000002 rgb(0,0,2)
```
#040313
```
#040313 rgb(4,3,19)
```
#070524
```
#070524 rgb(7,5,36)
```
#0b0736
```
#0b0736 rgb(11,7,54)
```
#0e0a47
```
#0e0a47 rgb(14,10,71)
```
#120c58
```
#120c58 rgb(18,12,88)
```
#150e69
```
#150e69 rgb(21,14,105)
```
#19117b
```
#19117b rgb(25,17,123)
```
#1c138c
```
#1c138c rgb(28,19,140)
```
#20159d
```
#20159d rgb(32,21,157)
```
#2317af
```
#2317af rgb(35,23,175)
```
#271ac0
```
#271ac0 rgb(39,26,192)
```
#2a1cd1
```
#2a1cd1 rgb(42,28,209)
```

Shade Color Variation

#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#3f31e3
```
#3f31e3 rgb(63,49,227)
```
#4f43e6
```
#4f43e6 rgb(79,67,230)
```
#5f54e8
```
#5f54e8 rgb(95,84,232)
```
#7065ea
```
#7065ea rgb(112,101,234)
```
#8076ed
```
#8076ed rgb(128,118,237)
```
#9088ef
```
#9088ef rgb(144,136,239)
```
#a099f1
```
#a099f1 rgb(160,153,241)
```
#b0aaf4
```
#b0aaf4 rgb(176,170,244)
```
#c0bcf6
```
#c0bcf6 rgb(192,188,246)
```
#d0cdf8
```
#d0cdf8 rgb(208,205,248)
```
#e0defb
```
#e0defb rgb(224,222,251)
```
#f1effd
```
#f1effd rgb(241,239,253)
```

Tint Color Variation

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

#797889
```
#797889 rgb(121,120,137)
```
#716e93
```
#716e93 rgb(113,110,147)
```
#69649d
```
#69649d rgb(105,100,157)
```
#605aa7
```
#605aa7 rgb(96,90,167)
```
#5851b0
```
#5851b0 rgb(88,81,176)
```
#5047ba
```
#5047ba rgb(80,71,186)
```
#483dc4
```
#483dc4 rgb(72,61,196)
```
#3f33ce
```
#3f33ce rgb(63,51,206)
```
#372ad7
```
#372ad7 rgb(55,42,215)
```
#2f20e1
```
#2f20e1 rgb(47,32,225)
```
#2716eb
```
#2716eb rgb(39,22,235)
```
#1f0df4
```
#1f0df4 rgb(31,13,244)
```
#1603fe
```
#1603fe rgb(22,3,254)
```

Tone Color Variation

Below, you can see how #2f20e1 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

#3a3a3a Achromatopsia 0.005% of the population
#38355b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#113fb7 Protanomaly 1% of men, 0.01% of women
#1143a9 Deuteranomaly 6% of men, 0.4% of women
#11468f Tritanomaly 0.01% of the population

#2f20e1 hex color

#2f20e1 Color Information

#2f20e1 Color Conversion

Color Schemes with #2f20e1

Alternatives to #2f20e1

#2f20e1 Preview

Shades and Tints of #2f20e1

Tones of #2f20e1

Color Blindness Simulator