#310cfe hex color

In a RGB color space, hex #310cfe is composed of 19.2% red, 4.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 95.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 249.2 degrees, a saturation of 99.2% and a lightness of 52.2%. #310cfe color hex could be obtained by blending #6218ff with #0000fd. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 5
- B 100
RGB color chart
- C 81
- M 95
- Y 0
- K 0
CMYK color chart

● #310cfe color description : Vivid blue.

The hexadecimal color #310cfe has RGB values of R:49, G:12, B:254 and CMYK values of C:0.81, M:0.95, Y:0, K:0. Its decimal value is 3214590.

Hex triplet	310cfe	`#310cfe`
RGB Decimal	49, 12, 254	`rgb(49,12,254)`
RGB Percent	19.2, 4.7, 99.6	`rgb(19.2%,4.7%,99.6%)`
CMYK	81, 95, 0, 0
HSL	249.2°, 99.2, 52.2	`hsl(249.2,99.2%,52.2%)`
HSV (or HSB)	249.2°, 95.3, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.129, 77.729, -104.212
XYZ	19.284, 8.07, 94.302
xyY	0.159, 0.066, 8.07
CIE-LCH	34.129, 130.007, 306.718
CIE-LUV	34.129, -6.917, -131.65
Hunter-Lab	28.408, 71.453, -176.927
Binary	00110001, 00001100, 11111110

#310cfe
```
#310cfe rgb(49,12,254)
```
#d9fe0c
```
#d9fe0c rgb(217,254,12)
```

Complementary Color

#0c60fe
```
#0c60fe rgb(12,96,254)
```
#310cfe
```
#310cfe rgb(49,12,254)
```
#aa0cfe
```
#aa0cfe rgb(170,12,254)
```

Analogous Color

#60fe0c
```
#60fe0c rgb(96,254,12)
```
#310cfe
```
#310cfe rgb(49,12,254)
```
#feaa0c
```
#feaa0c rgb(254,170,12)
```

Split Complementary Color

#0cfe31
```
#0cfe31 rgb(12,254,49)
```
#310cfe
```
#310cfe rgb(49,12,254)
```
#fe310c
```
#fe310c rgb(254,49,12)
```

Triadic Color

#0cd9fe
```
#0cd9fe rgb(12,217,254)
```
#310cfe
```
#310cfe rgb(49,12,254)
```
#fe310c
```
#fe310c rgb(254,49,12)
```
#d9fe0c
```
#d9fe0c rgb(217,254,12)
```

Tetradic Color

#1e01bd
```
#1e01bd rgb(30,1,189)
```
#2101d6
```
#2101d6 rgb(33,1,214)
```
#2501f0
```
#2501f0 rgb(37,1,240)
```
#310cfe
```
#310cfe rgb(49,12,254)
```
#4725fe
```
#4725fe rgb(71,37,254)
```
#5c3ffe
```
#5c3ffe rgb(92,63,254)
```
#7258fe
```
#7258fe rgb(114,88,254)
```

Monochromatic Color

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

#0c24fe
```
#0c24fe rgb(12,36,254)
```
#0c0ffe
```
#0c0ffe rgb(12,15,254)
```
#1d0cfe
```
#1d0cfe rgb(29,12,254)
```
#310cfe
```
#310cfe rgb(49,12,254)
```
#450cfe
```
#450cfe rgb(69,12,254)
```
#590cfe
```
#590cfe rgb(89,12,254)
```
#6e0cfe
```
#6e0cfe rgb(110,12,254)
```

Similar Colors

Text with hexadecimal color #310cfe

This text has a font color of #310cfe.

<span style="color:#310cfe;">Text here</span>

#310cfe background color

This paragraph has a background color of #310cfe.

<p style="background-color:#310cfe;">Content here</p>

#310cfe border color

This element has a border color of #310cfe.

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

CSS codes

.text {color:#310cfe;}

.background {background-color:#310cfe;}

.border {border:1px solid #310cfe;}

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, #02000b is the darkest color, while #f8f6ff is the lightest one.

#02000b
```
#02000b rgb(2,0,11)
```
#05001e
```
#05001e rgb(5,0,30)
```
#080032
```
#080032 rgb(8,0,50)
```
#0b0046
```
#0b0046 rgb(11,0,70)
```
#0e0059
```
#0e0059 rgb(14,0,89)
```
#11006d
```
#11006d rgb(17,0,109)
```
#140180
```
#140180 rgb(20,1,128)
```
#170194
```
#170194 rgb(23,1,148)
```
#1a01a7
```
#1a01a7 rgb(26,1,167)
```
#1d01bb
```
#1d01bb rgb(29,1,187)
```
#2001ce
```
#2001ce rgb(32,1,206)
```
#2301e2
```
#2301e2 rgb(35,1,226)
```
#2601f5
```
#2601f5 rgb(38,1,245)
```

Shade Color Variation

#310cfe
```
#310cfe rgb(49,12,254)
```
#4220fe
```
#4220fe rgb(66,32,254)
```
#5233fe
```
#5233fe rgb(82,51,254)
```
#6347fe
```
#6347fe rgb(99,71,254)
```
#735afe
```
#735afe rgb(115,90,254)
```
#846efe
```
#846efe rgb(132,110,254)
```
#9481fe
```
#9481fe rgb(148,129,254)
```
#a595ff
```
#a595ff rgb(165,149,255)
```
#b5a8ff
```
#b5a8ff rgb(181,168,255)
```
#c6bcff
```
#c6bcff rgb(198,188,255)
```
#d7cfff
```
#d7cfff rgb(215,207,255)
```
#e7e3ff
```
#e7e3ff rgb(231,227,255)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#7f7d8d
```
#7f7d8d rgb(127,125,141)
```
#797397
```
#797397 rgb(121,115,151)
```
#726aa0
```
#726aa0 rgb(114,106,160)
```
#6c60aa
```
#6c60aa rgb(108,96,170)
```
#6557b3
```
#6557b3 rgb(101,87,179)
```
#5f4ebc
```
#5f4ebc rgb(95,78,188)
```
#5844c6
```
#5844c6 rgb(88,68,198)
```
#523bcf
```
#523bcf rgb(82,59,207)
```
#4b32d8
```
#4b32d8 rgb(75,50,216)
```
#4528e2
```
#4528e2 rgb(69,40,226)
```
#3e1feb
```
#3e1feb rgb(62,31,235)
```
#3815f5
```
#3815f5 rgb(56,21,245)
```
#310cfe
```
#310cfe rgb(49,12,254)
```

Tone Color Variation

Below, you can see how #310cfe 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
#332b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#113bc7 Protanomaly 1% of men, 0.01% of women
#113eb8 Deuteranomaly 6% of men, 0.4% of women
#11429d Tritanomaly 0.01% of the population

#310cfe hex color

#310cfe Color Information

#310cfe Color Conversion

Color Schemes with #310cfe

Alternatives to #310cfe

#310cfe Preview

Shades and Tints of #310cfe

Tones of #310cfe

Color Blindness Simulator