#2816f0 hex color

In a RGB color space, hex #2816f0 is composed of 15.7% red, 8.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 90.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 245 degrees, a saturation of 87.9% and a lightness of 51.4%. #2816f0 color hex could be obtained by blending #502cff with #0000e1. Closest websafe color is: #3300ff.

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

● #2816f0 color description : Vivid blue.

The hexadecimal color #2816f0 has RGB values of R:40, G:22, B:240 and CMYK values of C:0.83, M:0.91, Y:0, K:0.06. Its decimal value is 2627312.

Hex triplet	2816f0	`#2816f0`
RGB Decimal	40, 22, 240	`rgb(40,22,240)`
RGB Percent	15.7, 8.6, 94.1	`rgb(15.7%,8.6%,94.1%)`
CMYK	83, 91, 0, 6
HSL	245°, 87.9, 51.4	`hsl(245,87.9%,51.4%)`
HSV (or HSB)	245°, 90.8, 94.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.514, 71.977, -99.022
XYZ	16.887, 7.315, 82.955
xyY	0.158, 0.068, 7.315
CIE-LCH	32.514, 122.418, 306.013
CIE-LUV	32.514, -7.583, -123.844
Hunter-Lab	27.046, 64.12, -162.919
Binary	00101000, 00010110, 11110000

#2816f0
```
#2816f0 rgb(40,22,240)
```
#def016
```
#def016 rgb(222,240,22)
```

Complementary Color

#1671f0
```
#1671f0 rgb(22,113,240)
```
#2816f0
```
#2816f0 rgb(40,22,240)
```
#9516f0
```
#9516f0 rgb(149,22,240)
```

Analogous Color

#71f016
```
#71f016 rgb(113,240,22)
```
#2816f0
```
#2816f0 rgb(40,22,240)
```
#f09516
```
#f09516 rgb(240,149,22)
```

Split Complementary Color

#16f028
```
#16f028 rgb(22,240,40)
```
#2816f0
```
#2816f0 rgb(40,22,240)
```
#f02816
```
#f02816 rgb(240,40,22)
```

Triadic Color

#16def0
```
#16def0 rgb(22,222,240)
```
#2816f0
```
#2816f0 rgb(40,22,240)
```
#f02816
```
#f02816 rgb(240,40,22)
```
#def016
```
#def016 rgb(222,240,22)
```

Tetradic Color

#190bae
```
#190bae rgb(25,11,174)
```
#1c0dc6
```
#1c0dc6 rgb(28,13,198)
```
#1f0ede
```
#1f0ede rgb(31,14,222)
```
#2816f0
```
#2816f0 rgb(40,22,240)
```
#3e2ef2
```
#3e2ef2 rgb(62,46,242)
```
#5446f3
```
#5446f3 rgb(84,70,243)
```
#6a5ef5
```
#6a5ef5 rgb(106,94,245)
```

Monochromatic Color

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

#163bf0
```
#163bf0 rgb(22,59,240)
```
#1628f0
```
#1628f0 rgb(22,40,240)
```
#1616f0
```
#1616f0 rgb(22,22,240)
```
#2816f0
```
#2816f0 rgb(40,22,240)
```
#3a16f0
```
#3a16f0 rgb(58,22,240)
```
#4c16f0
```
#4c16f0 rgb(76,22,240)
```
#5e16f0
```
#5e16f0 rgb(94,22,240)
```

Similar Colors

Text with hexadecimal color #2816f0

This text has a font color of #2816f0.

<span style="color:#2816f0;">Text here</span>

#2816f0 background color

This paragraph has a background color of #2816f0.

<p style="background-color:#2816f0;">Content here</p>

#2816f0 border color

This element has a border color of #2816f0.

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

CSS codes

.text {color:#2816f0;}

.background {background-color:#2816f0;}

.border {border:1px solid #2816f0;}

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)
```
#040219
```
#040219 rgb(4,2,25)
```
#06032b
```
#06032b rgb(6,3,43)
```
#09043e
```
#09043e rgb(9,4,62)
```
#0b0550
```
#0b0550 rgb(11,5,80)
```
#0e0663
```
#0e0663 rgb(14,6,99)
```
#110875
```
#110875 rgb(17,8,117)
```
#130988
```
#130988 rgb(19,9,136)
```
#160a9a
```
#160a9a rgb(22,10,154)
```
#180bac
```
#180bac rgb(24,11,172)
```
#1b0cbf
```
#1b0cbf rgb(27,12,191)
```
#1e0dd1
```
#1e0dd1 rgb(30,13,209)
```
#200fe4
```
#200fe4 rgb(32,15,228)
```

Shade Color Variation

#2816f0
```
#2816f0 rgb(40,22,240)
```
#3928f1
```
#3928f1 rgb(57,40,241)
```
#4a3bf2
```
#4a3bf2 rgb(74,59,242)
```
#5b4df4
```
#5b4df4 rgb(91,77,244)
```
#6c60f5
```
#6c60f5 rgb(108,96,245)
```
#7d72f6
```
#7d72f6 rgb(125,114,246)
```
#8e85f7
```
#8e85f7 rgb(142,133,247)
```
#9f97f8
```
#9f97f8 rgb(159,151,248)
```
#b0a9f9
```
#b0a9f9 rgb(176,169,249)
```
#c1bcfb
```
#c1bcfb rgb(193,188,251)
```
#d2cefc
```
#d2cefc rgb(210,206,252)
```
#e3e1fd
```
#e3e1fd rgb(227,225,253)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807f87 is the less saturated color, while #200cfa is the most saturated one.

#807f87
```
#807f87 rgb(128,127,135)
```
#787591
```
#787591 rgb(120,117,145)
```
#706c9a
```
#706c9a rgb(112,108,154)
```
#6862a4
```
#6862a4 rgb(104,98,164)
```
#6059ad
```
#6059ad rgb(96,89,173)
```
#584fb7
```
#584fb7 rgb(88,79,183)
```
#5046c0
```
#5046c0 rgb(80,70,192)
```
#483cca
```
#483cca rgb(72,60,202)
```
#4033d3
```
#4033d3 rgb(64,51,211)
```
#3829dd
```
#3829dd rgb(56,41,221)
```
#3020e6
```
#3020e6 rgb(48,32,230)
```
#2816f0
```
#2816f0 rgb(40,22,240)
```
#200cfa
```
#200cfa rgb(32,12,250)
```

Tone Color Variation

Below, you can see how #2816f0 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
#322e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0e3dbe Protanomaly 1% of men, 0.01% of women
#0e40af Deuteranomaly 6% of men, 0.4% of women
#0e4495 Tritanomaly 0.01% of the population

#2816f0 hex color

#2816f0 Color Information

#2816f0 Color Conversion

Color Schemes with #2816f0

Alternatives to #2816f0

#2816f0 Preview

Shades and Tints of #2816f0

Tones of #2816f0

Color Blindness Simulator