#2812fd hex color

In a RGB color space, hex #2812fd is composed of 15.7% red, 7.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 92.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 245.6 degrees, a saturation of 98.3% and a lightness of 53.1%. #2812fd color hex could be obtained by blending #5024ff with #0000fb. Closest websafe color is: #3300ff.

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

● #2812fd color description : Vivid blue.

The hexadecimal color #2812fd has RGB values of R:40, G:18, B:253 and CMYK values of C:0.84, M:0.93, Y:0, K:0.01. Its decimal value is 2626301.

Hex triplet	2812fd	`#2812fd`
RGB Decimal	40, 18, 253	`rgb(40,18,253)`
RGB Percent	15.7, 7.1, 99.2	`rgb(15.7%,7.1%,99.2%)`
CMYK	84, 93, 0, 1
HSL	245.6°, 98.3, 53.1	`hsl(245.6,98.3%,53.1%)`
HSV (or HSB)	245.6°, 92.9, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.929, 76.202, -103.994
XYZ	18.818, 7.974, 93.471
xyY	0.156, 0.066, 7.974
CIE-LCH	33.929, 128.925, 306.232
CIE-LUV	33.929, -7.997, -130.995
Hunter-Lab	28.239, 69.53, -176.484
Binary	00101000, 00010010, 11111101

#2812fd
```
#2812fd rgb(40,18,253)
```
#e7fd12
```
#e7fd12 rgb(231,253,18)
```

Complementary Color

#1272fd
```
#1272fd rgb(18,114,253)
```
#2812fd
```
#2812fd rgb(40,18,253)
```
#9e12fd
```
#9e12fd rgb(158,18,253)
```

Analogous Color

#72fd12
```
#72fd12 rgb(114,253,18)
```
#2812fd
```
#2812fd rgb(40,18,253)
```
#fd9e12
```
#fd9e12 rgb(253,158,18)
```

Split Complementary Color

#12fd28
```
#12fd28 rgb(18,253,40)
```
#2812fd
```
#2812fd rgb(40,18,253)
```
#fd2812
```
#fd2812 rgb(253,40,18)
```

Triadic Color

#12e7fd
```
#12e7fd rgb(18,231,253)
```
#2812fd
```
#2812fd rgb(40,18,253)
```
#fd2812
```
#fd2812 rgb(253,40,18)
```
#e7fd12
```
#e7fd12 rgb(231,253,18)
```

Tetradic Color

#1402c1
```
#1402c1 rgb(20,2,193)
```
#1602da
```
#1602da rgb(22,2,218)
```
#1902f3
```
#1902f3 rgb(25,2,243)
```
#2812fd
```
#2812fd rgb(40,18,253)
```
#3f2bfd
```
#3f2bfd rgb(63,43,253)
```
#5645fd
```
#5645fd rgb(86,69,253)
```
#6d5efe
```
#6d5efe rgb(109,94,254)
```

Monochromatic Color

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

#1237fd
```
#1237fd rgb(18,55,253)
```
#1223fd
```
#1223fd rgb(18,35,253)
```
#1412fd
```
#1412fd rgb(20,18,253)
```
#2812fd
```
#2812fd rgb(40,18,253)
```
#3c12fd
```
#3c12fd rgb(60,18,253)
```
#4f12fd
```
#4f12fd rgb(79,18,253)
```
#6312fd
```
#6312fd rgb(99,18,253)
```

Similar Colors

Text with hexadecimal color #2812fd

This text has a font color of #2812fd.

<span style="color:#2812fd;">Text here</span>

#2812fd background color

This paragraph has a background color of #2812fd.

<p style="background-color:#2812fd;">Content here</p>

#2812fd border color

This element has a border color of #2812fd.

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

CSS codes

.text {color:#2812fd;}

.background {background-color:#2812fd;}

.border {border:1px solid #2812fd;}

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

#020010
```
#020010 rgb(2,0,16)
```
#040023
```
#040023 rgb(4,0,35)
```
#060037
```
#060037 rgb(6,0,55)
```
#08014a
```
#08014a rgb(8,1,74)
```
#09015e
```
#09015e rgb(9,1,94)
```
#0b0171
```
#0b0171 rgb(11,1,113)
```
#0d0185
```
#0d0185 rgb(13,1,133)
```
#0f0198
```
#0f0198 rgb(15,1,152)
```
#1101ab
```
#1101ab rgb(17,1,171)
```
#1302bf
```
#1302bf rgb(19,2,191)
```
#1502d2
```
#1502d2 rgb(21,2,210)
```
#1702e6
```
#1702e6 rgb(23,2,230)
```
#1902f9
```
#1902f9 rgb(25,2,249)
```

Shade Color Variation

#2812fd
```
#2812fd rgb(40,18,253)
```
#3a25fd
```
#3a25fd rgb(58,37,253)
```
#4b39fd
```
#4b39fd rgb(75,57,253)
```
#5d4cfd
```
#5d4cfd rgb(93,76,253)
```
#6f60fe
```
#6f60fe rgb(111,96,254)
```
#8073fe
```
#8073fe rgb(128,115,254)
```
#9287fe
```
#9287fe rgb(146,135,254)
```
#a49afe
```
#a49afe rgb(164,154,254)
```
#b5aefe
```
#b5aefe rgb(181,174,254)
```
#c7c1fe
```
#c7c1fe rgb(199,193,254)
```
#d8d5ff
```
#d8d5ff rgb(216,213,255)
```
#eae8ff
```
#eae8ff rgb(234,232,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82808f is the less saturated color, while #2812fd is the most saturated one.

#82808f
```
#82808f rgb(130,128,143)
```
#7a7798
```
#7a7798 rgb(122,119,152)
```
#736ea1
```
#736ea1 rgb(115,110,161)
```
#6b65aa
```
#6b65aa rgb(107,101,170)
```
#645cb3
```
#645cb3 rgb(100,92,179)
```
#5c52bd
```
#5c52bd rgb(92,82,189)
```
#5549c6
```
#5549c6 rgb(85,73,198)
```
#4d40cf
```
#4d40cf rgb(77,64,207)
```
#4637d8
```
#4637d8 rgb(70,55,216)
```
#3e2ee1
```
#3e2ee1 rgb(62,46,225)
```
#3724eb
```
#3724eb rgb(55,36,235)
```
#2f1bf4
```
#2f1bf4 rgb(47,27,244)
```
#2812fd
```
#2812fd rgb(40,18,253)
```

Tone Color Variation

Below, you can see how #2812fd 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

#333333 Achromatopsia 0.005% of the population
#312c5b 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

#0e3dc6 Protanomaly 1% of men, 0.01% of women
#0e40b7 Deuteranomaly 6% of men, 0.4% of women
#0e449c Tritanomaly 0.01% of the population

#2812fd hex color

#2812fd Color Information

#2812fd Color Conversion

Color Schemes with #2812fd

Alternatives to #2812fd

#2812fd Preview

Shades and Tints of #2812fd

Tones of #2812fd

Color Blindness Simulator