#313dfe hex color

In a RGB color space, hex #313dfe is composed of 19.2% red, 23.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 76% magenta, 0% yellow and 0.4% black. It has a hue angle of 236.5 degrees, a saturation of 99% and a lightness of 59.4%. #313dfe color hex could be obtained by blending #627aff with #0000fd. Closest websafe color is: #3333ff.

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

● #313dfe color description : Bright blue.

The hexadecimal color #313dfe has RGB values of R:49, G:61, B:254 and CMYK values of C:0.81, M:0.76, Y:0, K:0. Its decimal value is 3227134.

Hex triplet	313dfe	`#313dfe`
RGB Decimal	49, 61, 254	`rgb(49,61,254)`
RGB Percent	19.2, 23.9, 99.6	`rgb(19.2%,23.9%,99.6%)`
CMYK	81, 76, 0, 0
HSL	236.5°, 99, 59.4	`hsl(236.5,99%,59.4%)`
HSV (or HSB)	236.5°, 80.7, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.823, 60.794, -94.739
XYZ	20.821, 11.145, 94.814
xyY	0.164, 0.088, 11.145
CIE-LCH	39.823, 112.567, 302.688
CIE-LUV	39.823, -11.157, -132.545
Hunter-Lab	33.384, 52.907, -145.023
Binary	00110001, 00111101, 11111110

#313dfe
```
#313dfe rgb(49,61,254)
```
#fef231
```
#fef231 rgb(254,242,49)
```

Complementary Color

#31a4fe
```
#31a4fe rgb(49,164,254)
```
#313dfe
```
#313dfe rgb(49,61,254)
```
#8c31fe
```
#8c31fe rgb(140,49,254)
```

Analogous Color

#a4fe31
```
#a4fe31 rgb(164,254,49)
```
#313dfe
```
#313dfe rgb(49,61,254)
```
#fe8c31
```
#fe8c31 rgb(254,140,49)
```

Split Complementary Color

#3dfe31
```
#3dfe31 rgb(61,254,49)
```
#313dfe
```
#313dfe rgb(49,61,254)
```
#fe313d
```
#fe313d rgb(254,49,61)
```

Triadic Color

#31fef2
```
#31fef2 rgb(49,254,242)
```
#313dfe
```
#313dfe rgb(49,61,254)
```
#fe313d
```
#fe313d rgb(254,49,61)
```
#fef231
```
#fef231 rgb(254,242,49)
```

Tetradic Color

#010ee1
```
#010ee1 rgb(1,14,225)
```
#0110fb
```
#0110fb rgb(1,16,251)
```
#1825fe
```
#1825fe rgb(24,37,254)
```
#313dfe
```
#313dfe rgb(49,61,254)
```
#4a55fe
```
#4a55fe rgb(74,85,254)
```
#646dfe
```
#646dfe rgb(100,109,254)
```
#7d85fe
```
#7d85fe rgb(125,133,254)
```

Monochromatic Color

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

#3170fe
```
#3170fe rgb(49,112,254)
```
#315ffe
```
#315ffe rgb(49,95,254)
```
#314efe
```
#314efe rgb(49,78,254)
```
#313dfe
```
#313dfe rgb(49,61,254)
```
#3631fe
```
#3631fe rgb(54,49,254)
```
#4731fe
```
#4731fe rgb(71,49,254)
```
#5831fe
```
#5831fe rgb(88,49,254)
```

Similar Colors

Text with hexadecimal color #313dfe

This text has a font color of #313dfe.

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

#313dfe background color

This paragraph has a background color of #313dfe.

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

#313dfe border color

This element has a border color of #313dfe.

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

CSS codes

.text {color:#313dfe;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#00021c
```
#00021c rgb(0,2,28)
```
#000330
```
#000330 rgb(0,3,48)
```
#000443
```
#000443 rgb(0,4,67)
```
#000557
```
#000557 rgb(0,5,87)
```
#01076a
```
#01076a rgb(1,7,106)
```
#01087e
```
#01087e rgb(1,8,126)
```
#010991
```
#010991 rgb(1,9,145)
```
#010aa5
```
#010aa5 rgb(1,10,165)
```
#010cb8
```
#010cb8 rgb(1,12,184)
```
#010dcc
```
#010dcc rgb(1,13,204)
```
#010edf
```
#010edf rgb(1,14,223)
```
#010ff3
```
#010ff3 rgb(1,15,243)
```

Shade Color Variation

#0a18fe
```
#0a18fe rgb(10,24,254)
```
#1d2bfe
```
#1d2bfe rgb(29,43,254)
```
#313dfe
```
#313dfe rgb(49,61,254)
```
#454ffe
```
#454ffe rgb(69,79,254)
```
#5862fe
```
#5862fe rgb(88,98,254)
```
#6c74fe
```
#6c74fe rgb(108,116,254)
```
#7f87fe
```
#7f87fe rgb(127,135,254)
```
#9399fe
```
#9399fe rgb(147,153,254)
```
#a6abff
```
#a6abff rgb(166,171,255)
```
#babeff
```
#babeff rgb(186,190,255)
```
#cdd0ff
```
#cdd0ff rgb(205,208,255)
```
#e1e2ff
```
#e1e2ff rgb(225,226,255)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#91919e
```
#91919e rgb(145,145,158)
```
#898aa6
```
#898aa6 rgb(137,138,166)
```
#8183ae
```
#8183ae rgb(129,131,174)
```
#797cb6
```
#797cb6 rgb(121,124,182)
```
#7175be
```
#7175be rgb(113,117,190)
```
#696ec6
```
#696ec6 rgb(105,110,198)
```
#6167ce
```
#6167ce rgb(97,103,206)
```
#5960d6
```
#5960d6 rgb(89,96,214)
```
#5159de
```
#5159de rgb(81,89,222)
```
#4952e6
```
#4952e6 rgb(73,82,230)
```
#414bee
```
#414bee rgb(65,75,238)
```
#3944f6
```
#3944f6 rgb(57,68,246)
```
#313dfe
```
#313dfe rgb(49,61,254)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0069a6 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

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

#313dfe hex color

#313dfe Color Information

#313dfe Color Conversion

Color Schemes with #313dfe

Alternatives to #313dfe

#313dfe Preview

Shades and Tints of #313dfe

Tones of #313dfe

Color Blindness Simulator