#310efd hex color

In a RGB color space, hex #310efd is composed of 19.2% red, 5.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 94.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 248.8 degrees, a saturation of 98.4% and a lightness of 52.4%. #310efd color hex could be obtained by blending #621cff with #0000fb. Closest websafe color is: #3300ff.

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

● #310efd color description : Vivid blue.

The hexadecimal color #310efd has RGB values of R:49, G:14, B:253 and CMYK values of C:0.81, M:0.94, Y:0, K:0.01. Its decimal value is 3215101.

Hex triplet	310efd	`#310efd`
RGB Decimal	49, 14, 253	`rgb(49,14,253)`
RGB Percent	19.2, 5.5, 99.2	`rgb(19.2%,5.5%,99.2%)`
CMYK	81, 94, 0, 1
HSL	248.8°, 98.4, 52.4	`hsl(248.8,98.4%,52.4%)`
HSV (or HSB)	248.8°, 94.5, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.103, 77.16, -103.695
XYZ	19.15, 8.058, 93.469
xyY	0.159, 0.067, 8.058
CIE-LCH	34.103, 129.253, 306.653
CIE-LUV	34.103, -6.935, -131.159
Hunter-Lab	28.386, 70.745, -175.36
Binary	00110001, 00001110, 11111101

#310efd
```
#310efd rgb(49,14,253)
```
#dafd0e
```
#dafd0e rgb(218,253,14)
```

Complementary Color

#0e63fd
```
#0e63fd rgb(14,99,253)
```
#310efd
```
#310efd rgb(49,14,253)
```
#a90efd
```
#a90efd rgb(169,14,253)
```

Analogous Color

#63fd0e
```
#63fd0e rgb(99,253,14)
```
#310efd
```
#310efd rgb(49,14,253)
```
#fda90e
```
#fda90e rgb(253,169,14)
```

Split Complementary Color

#0efd31
```
#0efd31 rgb(14,253,49)
```
#310efd
```
#310efd rgb(49,14,253)
```
#fd310e
```
#fd310e rgb(253,49,14)
```

Triadic Color

#0edafd
```
#0edafd rgb(14,218,253)
```
#310efd
```
#310efd rgb(49,14,253)
```
#fd310e
```
#fd310e rgb(253,49,14)
```
#dafd0e
```
#dafd0e rgb(218,253,14)
```

Tetradic Color

#1d02bd
```
#1d02bd rgb(29,2,189)
```
#2102d6
```
#2102d6 rgb(33,2,214)
```
#2502f0
```
#2502f0 rgb(37,2,240)
```
#310efd
```
#310efd rgb(49,14,253)
```
#4727fd
```
#4727fd rgb(71,39,253)
```
#5c41fd
```
#5c41fd rgb(92,65,253)
```
#725afe
```
#725afe rgb(114,90,254)
```

Monochromatic Color

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

#0e27fd
```
#0e27fd rgb(14,39,253)
```
#0e13fd
```
#0e13fd rgb(14,19,253)
```
#1d0efd
```
#1d0efd rgb(29,14,253)
```
#310efd
```
#310efd rgb(49,14,253)
```
#450efd
```
#450efd rgb(69,14,253)
```
#590efd
```
#590efd rgb(89,14,253)
```
#6d0efd
```
#6d0efd rgb(109,14,253)
```

Similar Colors

Text with hexadecimal color #310efd

This text has a font color of #310efd.

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

#310efd background color

This paragraph has a background color of #310efd.

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

#310efd border color

This element has a border color of #310efd.

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

CSS codes

.text {color:#310efd;}

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

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

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

#02000c
```
#02000c rgb(2,0,12)
```
#05001f
```
#05001f rgb(5,0,31)
```
#080033
```
#080033 rgb(8,0,51)
```
#0b0146
```
#0b0146 rgb(11,1,70)
```
#0e015a
```
#0e015a rgb(14,1,90)
```
#11016d
```
#11016d rgb(17,1,109)
```
#140181
```
#140181 rgb(20,1,129)
```
#170194
```
#170194 rgb(23,1,148)
```
#1a01a8
```
#1a01a8 rgb(26,1,168)
```
#1d02bb
```
#1d02bb rgb(29,2,187)
```
#2002ce
```
#2002ce rgb(32,2,206)
```
#2302e2
```
#2302e2 rgb(35,2,226)
```
#2602f5
```
#2602f5 rgb(38,2,245)
```

Shade Color Variation

#310efd
```
#310efd rgb(49,14,253)
```
#4221fd
```
#4221fd rgb(66,33,253)
```
#5235fd
```
#5235fd rgb(82,53,253)
```
#6348fd
```
#6348fd rgb(99,72,253)
```
#745cfe
```
#745cfe rgb(116,92,254)
```
#846ffe
```
#846ffe rgb(132,111,254)
```
#9583fe
```
#9583fe rgb(149,131,254)
```
#a596fe
```
#a596fe rgb(165,150,254)
```
#b6aafe
```
#b6aafe rgb(182,170,254)
```
#c7bdfe
```
#c7bdfe rgb(199,189,254)
```
#d7d1ff
```
#d7d1ff rgb(215,209,255)
```
#e8e4ff
```
#e8e4ff rgb(232,228,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#807e8d
```
#807e8d rgb(128,126,141)
```
#7a7596
```
#7a7596 rgb(122,117,150)
```
#736ba0
```
#736ba0 rgb(115,107,160)
```
#6c62a9
```
#6c62a9 rgb(108,98,169)
```
#6659b2
```
#6659b2 rgb(102,89,178)
```
#5f4fbc
```
#5f4fbc rgb(95,79,188)
```
#5946c5
```
#5946c5 rgb(89,70,197)
```
#523dce
```
#523dce rgb(82,61,206)
```
#4b33d8
```
#4b33d8 rgb(75,51,216)
```
#452ae1
```
#452ae1 rgb(69,42,225)
```
#3e21ea
```
#3e21ea rgb(62,33,234)
```
#3817f4
```
#3817f4 rgb(56,23,244)
```
#310efd
```
#310efd rgb(49,14,253)
```

Tone Color Variation

Below, you can see how #310efd 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
#332c5c 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

#113cc7 Protanomaly 1% of men, 0.01% of women
#113fb8 Deuteranomaly 6% of men, 0.4% of women
#11439d Tritanomaly 0.01% of the population

#310efd hex color

#310efd Color Information

#310efd Color Conversion

Color Schemes with #310efd

Alternatives to #310efd

#310efd Preview

Shades and Tints of #310efd

Tones of #310efd

Color Blindness Simulator