#313efd hex color

In a RGB color space, hex #313efd is composed of 19.2% red, 24.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 75.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.2 degrees, a saturation of 98.1% and a lightness of 59.2%. #313efd color hex could be obtained by blending #627cff with #0000fb. Closest websafe color is: #3333ff.

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

● #313efd color description : Bright blue.

The hexadecimal color #313efd has RGB values of R:49, G:62, B:253 and CMYK values of C:0.81, M:0.75, Y:0, K:0.01. Its decimal value is 3227389.

Hex triplet	313efd	`#313efd`
RGB Decimal	49, 62, 253	`rgb(49,62,253)`
RGB Percent	19.2, 24.3, 99.2	`rgb(19.2%,24.3%,99.2%)`
CMYK	81, 75, 0, 1
HSL	236.2°, 98.1, 59.2	`hsl(236.2,98.1%,59.2%)`
HSV (or HSB)	236.2°, 80.6, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.896, 59.967, -94.058
XYZ	20.715, 11.189, 93.991
xyY	0.165, 0.089, 11.189
CIE-LCH	39.896, 111.548, 302.519
CIE-LUV	39.896, -11.272, -131.905
Hunter-Lab	33.449, 52.009, -143.187
Binary	00110001, 00111110, 11111101

#313efd
```
#313efd rgb(49,62,253)
```
#fdf031
```
#fdf031 rgb(253,240,49)
```

Complementary Color

#31a4fd
```
#31a4fd rgb(49,164,253)
```
#313efd
```
#313efd rgb(49,62,253)
```
#8a31fd
```
#8a31fd rgb(138,49,253)
```

Analogous Color

#a4fd31
```
#a4fd31 rgb(164,253,49)
```
#313efd
```
#313efd rgb(49,62,253)
```
#fd8a31
```
#fd8a31 rgb(253,138,49)
```

Split Complementary Color

#3efd31
```
#3efd31 rgb(62,253,49)
```
#313efd
```
#313efd rgb(49,62,253)
```
#fd313e
```
#fd313e rgb(253,49,62)
```

Triadic Color

#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#313efd
```
#313efd rgb(49,62,253)
```
#fd313e
```
#fd313e rgb(253,49,62)
```
#fdf031
```
#fdf031 rgb(253,240,49)
```

Tetradic Color

#0210df
```
#0210df rgb(2,16,223)
```
#0212f9
```
#0212f9 rgb(2,18,249)
```
#1826fd
```
#1826fd rgb(24,38,253)
```
#313efd
```
#313efd rgb(49,62,253)
```
#4a56fd
```
#4a56fd rgb(74,86,253)
```
#646dfd
```
#646dfd rgb(100,109,253)
```
#7d85fe
```
#7d85fe rgb(125,133,254)
```

Monochromatic Color

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

#3171fd
```
#3171fd rgb(49,113,253)
```
#3160fd
```
#3160fd rgb(49,96,253)
```
#314ffd
```
#314ffd rgb(49,79,253)
```
#313efd
```
#313efd rgb(49,62,253)
```
#3531fd
```
#3531fd rgb(53,49,253)
```
#4631fd
```
#4631fd rgb(70,49,253)
```
#5731fd
```
#5731fd rgb(87,49,253)
```

Similar Colors

Text with hexadecimal color #313efd

This text has a font color of #313efd.

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

#313efd background color

This paragraph has a background color of #313efd.

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

#313efd border color

This element has a border color of #313efd.

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

CSS codes

.text {color:#313efd;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00021b
```
#00021b rgb(0,2,27)
```
#00032f
```
#00032f rgb(0,3,47)
```
#010542
```
#010542 rgb(1,5,66)
```
#010655
```
#010655 rgb(1,6,85)
```
#010869
```
#010869 rgb(1,8,105)
```
#01097c
```
#01097c rgb(1,9,124)
```
#010a90
```
#010a90 rgb(1,10,144)
```
#020ca3
```
#020ca3 rgb(2,12,163)
```
#020db7
```
#020db7 rgb(2,13,183)
```
#020fca
```
#020fca rgb(2,15,202)
```
#0210dd
```
#0210dd rgb(2,16,221)
```
#0212f1
```
#0212f1 rgb(2,18,241)
```

Shade Color Variation

#0a1afd
```
#0a1afd rgb(10,26,253)
```
#1e2cfd
```
#1e2cfd rgb(30,44,253)
```
#313efd
```
#313efd rgb(49,62,253)
```
#4450fd
```
#4450fd rgb(68,80,253)
```
#5862fd
```
#5862fd rgb(88,98,253)
```
#6b75fe
```
#6b75fe rgb(107,117,254)
```
#7f87fe
```
#7f87fe rgb(127,135,254)
```
#9299fe
```
#9299fe rgb(146,153,254)
```
#a6abfe
```
#a6abfe rgb(166,171,254)
```
#b9bdfe
```
#b9bdfe rgb(185,189,254)
```
#ccd0ff
```
#ccd0ff rgb(204,208,255)
```
#e0e2ff
```
#e0e2ff rgb(224,226,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#91929d
```
#91929d rgb(145,146,157)
```
#898ba5
```
#898ba5 rgb(137,139,165)
```
#8184ad
```
#8184ad rgb(129,132,173)
```
#797db5
```
#797db5 rgb(121,125,181)
```
#7176bd
```
#7176bd rgb(113,118,189)
```
#696fc5
```
#696fc5 rgb(105,111,197)
```
#6168cd
```
#6168cd rgb(97,104,205)
```
#5961d5
```
#5961d5 rgb(89,97,213)
```
#515add
```
#515add rgb(81,90,221)
```
#4953e5
```
#4953e5 rgb(73,83,229)
```
#414ced
```
#414ced rgb(65,76,237)
```
#3945f5
```
#3945f5 rgb(57,69,245)
```
#313efd
```
#313efd rgb(49,62,253)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a4c73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#1155d6 Protanomaly 1% of men, 0.01% of women
#1159c6 Deuteranomaly 6% of men, 0.4% of women
#115ea6 Tritanomaly 0.01% of the population

#313efd hex color

#313efd Color Information

#313efd Color Conversion

Color Schemes with #313efd

Alternatives to #313efd

#313efd Preview

Shades and Tints of #313efd

Tones of #313efd

Color Blindness Simulator