#2811f5 hex color

In a RGB color space, hex #2811f5 is composed of 15.7% red, 6.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 93.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 246.1 degrees, a saturation of 91.9% and a lightness of 51.4%. #2811f5 color hex could be obtained by blending #5022ff with #0000eb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 16
- G 7
- B 96
RGB color chart
- C 84
- M 93
- Y 0
- K 4
CMYK color chart

● #2811f5 color description : Vivid blue.

The hexadecimal color #2811f5 has RGB values of R:40, G:17, B:245 and CMYK values of C:0.84, M:0.93, Y:0, K:0.04. Its decimal value is 2626037.

Hex triplet	2811f5	`#2811f5`
RGB Decimal	40, 17, 245	`rgb(40,17,245)`
RGB Percent	15.7, 6.7, 96.1	`rgb(15.7%,6.7%,96.1%)`
CMYK	84, 93, 0, 4
HSL	246.1°, 91.9, 51.4	`hsl(246.1,91.9%,51.4%)`
HSV (or HSB)	246.1°, 93.1, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.796, 74.413, -101.381
XYZ	17.554, 7.443, 86.893
xyY	0.157, 0.067, 7.443
CIE-LCH	32.796, 125.759, 306.278
CIE-LUV	32.796, -7.567, -126.417
Hunter-Lab	27.283, 67.103, -169.736
Binary	00101000, 00010001, 11110101

#2811f5
```
#2811f5 rgb(40,17,245)
```
#def511
```
#def511 rgb(222,245,17)
```

Complementary Color

#116cf5
```
#116cf5 rgb(17,108,245)
```
#2811f5
```
#2811f5 rgb(40,17,245)
```
#9a11f5
```
#9a11f5 rgb(154,17,245)
```

Analogous Color

#6cf511
```
#6cf511 rgb(108,245,17)
```
#2811f5
```
#2811f5 rgb(40,17,245)
```
#f59a11
```
#f59a11 rgb(245,154,17)
```

Split Complementary Color

#11f528
```
#11f528 rgb(17,245,40)
```
#2811f5
```
#2811f5 rgb(40,17,245)
```
#f52811
```
#f52811 rgb(245,40,17)
```

Triadic Color

#11def5
```
#11def5 rgb(17,222,245)
```
#2811f5
```
#2811f5 rgb(40,17,245)
```
#f52811
```
#f52811 rgb(245,40,17)
```
#def511
```
#def511 rgb(222,245,17)
```

Tetradic Color

#1907b2
```
#1907b2 rgb(25,7,178)
```
#1c09ca
```
#1c09ca rgb(28,9,202)
```
#1f0ae3
```
#1f0ae3 rgb(31,10,227)
```
#2811f5
```
#2811f5 rgb(40,17,245)
```
#3e29f6
```
#3e29f6 rgb(62,41,246)
```
#5442f7
```
#5442f7 rgb(84,66,247)
```
#6a5af8
```
#6a5af8 rgb(106,90,248)
```

Monochromatic Color

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

#1133f5
```
#1133f5 rgb(17,51,245)
```
#1120f5
```
#1120f5 rgb(17,32,245)
```
#1511f5
```
#1511f5 rgb(21,17,245)
```
#2811f5
```
#2811f5 rgb(40,17,245)
```
#3b11f5
```
#3b11f5 rgb(59,17,245)
```
#4e11f5
```
#4e11f5 rgb(78,17,245)
```
#6111f5
```
#6111f5 rgb(97,17,245)
```

Similar Colors

Text with hexadecimal color #2811f5

This text has a font color of #2811f5.

<span style="color:#2811f5;">Text here</span>

#2811f5 background color

This paragraph has a background color of #2811f5.

<p style="background-color:#2811f5;">Content here</p>

#2811f5 border color

This element has a border color of #2811f5.

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

CSS codes

.text {color:#2811f5;}

.background {background-color:#2811f5;}

.border {border:1px solid #2811f5;}

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

#010007
```
#010007 rgb(1,0,7)
```
#04011a
```
#04011a rgb(4,1,26)
```
#06022c
```
#06022c rgb(6,2,44)
```
#09033f
```
#09033f rgb(9,3,63)
```
#0b0352
```
#0b0352 rgb(11,3,82)
```
#0e0465
```
#0e0465 rgb(14,4,101)
```
#110578
```
#110578 rgb(17,5,120)
```
#13068a
```
#13068a rgb(19,6,138)
```
#16079d
```
#16079d rgb(22,7,157)
```
#1807b0
```
#1807b0 rgb(24,7,176)
```
#1b08c3
```
#1b08c3 rgb(27,8,195)
```
#1e09d6
```
#1e09d6 rgb(30,9,214)
```
#200ae9
```
#200ae9 rgb(32,10,233)
```

Shade Color Variation

#2811f5
```
#2811f5 rgb(40,17,245)
```
#3924f6
```
#3924f6 rgb(57,36,246)
```
#4a37f7
```
#4a37f7 rgb(74,55,247)
```
#5b49f7
```
#5b49f7 rgb(91,73,247)
```
#6c5cf8
```
#6c5cf8 rgb(108,92,248)
```
#7d6ff9
```
#7d6ff9 rgb(125,111,249)
```
#8e82fa
```
#8e82fa rgb(142,130,250)
```
#9f95fb
```
#9f95fb rgb(159,149,251)
```
#b0a8fb
```
#b0a8fb rgb(176,168,251)
```
#c1bafc
```
#c1bafc rgb(193,186,252)
```
#d2cdfd
```
#d2cdfd rgb(210,205,253)
```
#e3e0fe
```
#e3e0fe rgb(227,224,254)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7a8c is the less saturated color, while #2007ff is the most saturated one.

#7c7a8c
```
#7c7a8c rgb(124,122,140)
```
#747096
```
#747096 rgb(116,112,150)
```
#6d679f
```
#6d679f rgb(109,103,159)
```
#655da9
```
#655da9 rgb(101,93,169)
```
#5d54b2
```
#5d54b2 rgb(93,84,178)
```
#564abc
```
#564abc rgb(86,74,188)
```
#4e41c5
```
#4e41c5 rgb(78,65,197)
```
#4637cf
```
#4637cf rgb(70,55,207)
```
#3f2ed8
```
#3f2ed8 rgb(63,46,216)
```
#3724e2
```
#3724e2 rgb(55,36,226)
```
#301beb
```
#301beb rgb(48,27,235)
```
#2811f5
```
#2811f5 rgb(40,17,245)
```
#2007ff
```
#2007ff rgb(32,7,255)
```

Tone Color Variation

Below, you can see how #2811f5 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

#323232 Achromatopsia 0.005% of the population
#302b59 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

#0e3bc0 Protanomaly 1% of men, 0.01% of women
#0e3eb2 Deuteranomaly 6% of men, 0.4% of women
#0e4298 Tritanomaly 0.01% of the population

#2811f5 hex color

#2811f5 Color Information

#2811f5 Color Conversion

Color Schemes with #2811f5

Alternatives to #2811f5

#2811f5 Preview

Shades and Tints of #2811f5

Tones of #2811f5

Color Blindness Simulator