#2812f9 hex color

In a RGB color space, hex #2812f9 is composed of 15.7% red, 7.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 92.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 245.7 degrees, a saturation of 95.1% and a lightness of 52.4%. #2812f9 color hex could be obtained by blending #5024ff with #0000f3. Closest websafe color is: #3300ff.

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

● #2812f9 color description : Vivid blue.

The hexadecimal color #2812f9 has RGB values of R:40, G:18, B:249 and CMYK values of C:0.84, M:0.93, Y:0, K:0.02. Its decimal value is 2626297.

Hex triplet	2812f9	`#2812f9`
RGB Decimal	40, 18, 249	`rgb(40,18,249)`
RGB Percent	15.7, 7.1, 97.6	`rgb(15.7%,7.1%,97.6%)`
CMYK	84, 93, 0, 2
HSL	245.7°, 95.1, 52.4	`hsl(245.7,95.1%,52.4%)`
HSV (or HSB)	245.7°, 92.8, 97.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.397, 75.204, -102.633
XYZ	18.187, 7.722, 90.149
xyY	0.157, 0.067, 7.722
CIE-LCH	33.397, 127.237, 306.232
CIE-LUV	33.397, -7.806, -128.733
Hunter-Lab	27.789, 68.194, -172.892
Binary	00101000, 00010010, 11111001

#2812f9
```
#2812f9 rgb(40,18,249)
```
#e3f912
```
#e3f912 rgb(227,249,18)
```

Complementary Color

#1270f9
```
#1270f9 rgb(18,112,249)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```
#9c12f9
```
#9c12f9 rgb(156,18,249)
```

Analogous Color

#70f912
```
#70f912 rgb(112,249,18)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```
#f99c12
```
#f99c12 rgb(249,156,18)
```

Split Complementary Color

#12f928
```
#12f928 rgb(18,249,40)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```
#f92812
```
#f92812 rgb(249,40,18)
```

Triadic Color

#12e3f9
```
#12e3f9 rgb(18,227,249)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```
#f92812
```
#f92812 rgb(249,40,18)
```
#e3f912
```
#e3f912 rgb(227,249,18)
```

Tetradic Color

#1605ba
```
#1605ba rgb(22,5,186)
```
#1905d3
```
#1905d3 rgb(25,5,211)
```
#1c06ec
```
#1c06ec rgb(28,6,236)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```
#3f2bfa
```
#3f2bfa rgb(63,43,250)
```
#5544fa
```
#5544fa rgb(85,68,250)
```
#6c5dfb
```
#6c5dfb rgb(108,93,251)
```

Monochromatic Color

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

#1236f9
```
#1236f9 rgb(18,54,249)
```
#1223f9
```
#1223f9 rgb(18,35,249)
```
#1512f9
```
#1512f9 rgb(21,18,249)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```
#3b12f9
```
#3b12f9 rgb(59,18,249)
```
#4e12f9
```
#4e12f9 rgb(78,18,249)
```
#6212f9
```
#6212f9 rgb(98,18,249)
```

Similar Colors

Text with hexadecimal color #2812f9

This text has a font color of #2812f9.

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

#2812f9 background color

This paragraph has a background color of #2812f9.

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

#2812f9 border color

This element has a border color of #2812f9.

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

CSS codes

.text {color:#2812f9;}

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

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

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

#01000c
```
#01000c rgb(1,0,12)
```
#04011f
```
#04011f rgb(4,1,31)
```
#060132
```
#060132 rgb(6,1,50)
```
#080245
```
#080245 rgb(8,2,69)
```
#0a0258
```
#0a0258 rgb(10,2,88)
```
#0d036b
```
#0d036b rgb(13,3,107)
```
#0f037e
```
#0f037e rgb(15,3,126)
```
#110492
```
#110492 rgb(17,4,146)
```
#1304a5
```
#1304a5 rgb(19,4,165)
```
#1605b8
```
#1605b8 rgb(22,5,184)
```
#1805cb
```
#1805cb rgb(24,5,203)
```
#1a06de
```
#1a06de rgb(26,6,222)
```
#1d06f1
```
#1d06f1 rgb(29,6,241)
```

Shade Color Variation

#2812f9
```
#2812f9 rgb(40,18,249)
```
#3925f9
```
#3925f9 rgb(57,37,249)
```
#4b38fa
```
#4b38fa rgb(75,56,250)
```
#5c4bfa
```
#5c4bfa rgb(92,75,250)
```
#6d5ffb
```
#6d5ffb rgb(109,95,251)
```
#7f72fb
```
#7f72fb rgb(127,114,251)
```
#9085fc
```
#9085fc rgb(144,133,252)
```
#a198fc
```
#a198fc rgb(161,152,252)
```
#b3abfd
```
#b3abfd rgb(179,171,253)
```
#c4befd
```
#c4befd rgb(196,190,253)
```
#d6d1fe
```
#d6d1fe rgb(214,209,254)
```
#e7e4fe
```
#e7e4fe rgb(231,228,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#838289
```
#838289 rgb(131,130,137)
```
#7b7992
```
#7b7992 rgb(123,121,146)
```
#746f9c
```
#746f9c rgb(116,111,156)
```
#6c66a5
```
#6c66a5 rgb(108,102,165)
```
#655dae
```
#655dae rgb(101,93,174)
```
#5d53b8
```
#5d53b8 rgb(93,83,184)
```
#554ac1
```
#554ac1 rgb(85,74,193)
```
#4e41ca
```
#4e41ca rgb(78,65,202)
```
#4637d4
```
#4637d4 rgb(70,55,212)
```
#3f2edd
```
#3f2edd rgb(63,46,221)
```
#3725e6
```
#3725e6 rgb(55,37,230)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```

Tone Color Variation

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

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0e3cc3 Protanomaly 1% of men, 0.01% of women
#0e40b5 Deuteranomaly 6% of men, 0.4% of women
#0e439a Tritanomaly 0.01% of the population

#2812f9 hex color

#2812f9 Color Information

#2812f9 Color Conversion

Color Schemes with #2812f9

Alternatives to #2812f9

#2812f9 Preview

Shades and Tints of #2812f9

Tones of #2812f9

Color Blindness Simulator