#311dfe hex color

In a RGB color space, hex #311dfe is composed of 19.2% red, 11.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 88.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 245.3 degrees, a saturation of 99.1% and a lightness of 55.5%. #311dfe color hex could be obtained by blending #623aff with #0000fd. Closest websafe color is: #3333ff.

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

● #311dfe color description : Vivid blue.

The hexadecimal color #311dfe has RGB values of R:49, G:29, B:254 and CMYK values of C:0.81, M:0.89, Y:0, K:0. Its decimal value is 3218942.

Hex triplet	311dfe	`#311dfe`
RGB Decimal	49, 29, 254	`rgb(49,29,254)`
RGB Percent	19.2, 11.4, 99.6	`rgb(19.2%,11.4%,99.6%)`
CMYK	81, 89, 0, 0
HSL	245.3°, 99.1, 55.5	`hsl(245.3,99.1%,55.5%)`
HSV (or HSB)	245.3°, 88.6, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.373, 73.924, -102.136
XYZ	19.592, 8.686, 94.405
xyY	0.16, 0.071, 8.686
CIE-LCH	35.373, 126.081, 305.896
CIE-LUV	35.373, -7.768, -132.359
Hunter-Lab	29.472, 67.082, -169.285
Binary	00110001, 00011101, 11111110

#311dfe
```
#311dfe rgb(49,29,254)
```
#eafe1d
```
#eafe1d rgb(234,254,29)
```

Complementary Color

#1d7afe
```
#1d7afe rgb(29,122,254)
```
#311dfe
```
#311dfe rgb(49,29,254)
```
#a21dfe
```
#a21dfe rgb(162,29,254)
```

Analogous Color

#7afe1d
```
#7afe1d rgb(122,254,29)
```
#311dfe
```
#311dfe rgb(49,29,254)
```
#fea21d
```
#fea21d rgb(254,162,29)
```

Split Complementary Color

#1dfe31
```
#1dfe31 rgb(29,254,49)
```
#311dfe
```
#311dfe rgb(49,29,254)
```
#fe311d
```
#fe311d rgb(254,49,29)
```

Triadic Color

#1deafe
```
#1deafe rgb(29,234,254)
```
#311dfe
```
#311dfe rgb(49,29,254)
```
#fe311d
```
#fe311d rgb(254,49,29)
```
#eafe1d
```
#eafe1d rgb(234,254,29)
```

Tetradic Color

#1301ce
```
#1301ce rgb(19,1,206)
```
#1501e7
```
#1501e7 rgb(21,1,231)
```
#1a04fe
```
#1a04fe rgb(26,4,254)
```
#311dfe
```
#311dfe rgb(49,29,254)
```
#4836fe
```
#4836fe rgb(72,54,254)
```
#5f50fe
```
#5f50fe rgb(95,80,254)
```
#7669fe
```
#7669fe rgb(118,105,254)
```

Monochromatic Color

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

#1d41fe
```
#1d41fe rgb(29,65,254)
```
#1d2efe
```
#1d2efe rgb(29,46,254)
```
#1e1dfe
```
#1e1dfe rgb(30,29,254)
```
#311dfe
```
#311dfe rgb(49,29,254)
```
#441dfe
```
#441dfe rgb(68,29,254)
```
#571dfe
```
#571dfe rgb(87,29,254)
```
#691dfe
```
#691dfe rgb(105,29,254)
```

Similar Colors

Text with hexadecimal color #311dfe

This text has a font color of #311dfe.

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

#311dfe background color

This paragraph has a background color of #311dfe.

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

#311dfe border color

This element has a border color of #311dfe.

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

CSS codes

.text {color:#311dfe;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#03001c
```
#03001c rgb(3,0,28)
```
#04002f
```
#04002f rgb(4,0,47)
```
#060043
```
#060043 rgb(6,0,67)
```
#080056
```
#080056 rgb(8,0,86)
```
#0a006a
```
#0a006a rgb(10,0,106)
```
#0c017e
```
#0c017e rgb(12,1,126)
```
#0d0191
```
#0d0191 rgb(13,1,145)
```
#0f01a5
```
#0f01a5 rgb(15,1,165)
```
#1101b8
```
#1101b8 rgb(17,1,184)
```
#1301cc
```
#1301cc rgb(19,1,204)
```
#1501df
```
#1501df rgb(21,1,223)
```
#1701f3
```
#1701f3 rgb(23,1,243)
```

Shade Color Variation

#1f09fe
```
#1f09fe rgb(31,9,254)
```
#311dfe
```
#311dfe rgb(49,29,254)
```
#4331fe
```
#4331fe rgb(67,49,254)
```
#5544fe
```
#5544fe rgb(85,68,254)
```
#6658fe
```
#6658fe rgb(102,88,254)
```
#786bfe
```
#786bfe rgb(120,107,254)
```
#8a7ffe
```
#8a7ffe rgb(138,127,254)
```
#9c92ff
```
#9c92ff rgb(156,146,255)
```
#aea6ff
```
#aea6ff rgb(174,166,255)
```
#bfb9ff
```
#bfb9ff rgb(191,185,255)
```
#d1cdff
```
#d1cdff rgb(209,205,255)
```
#e3e0ff
```
#e3e0ff rgb(227,224,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#878695
```
#878695 rgb(135,134,149)
```
#807d9e
```
#807d9e rgb(128,125,158)
```
#7974a7
```
#7974a7 rgb(121,116,167)
```
#726caf
```
#726caf rgb(114,108,175)
```
#6a63b8
```
#6a63b8 rgb(106,99,184)
```
#635ac1
```
#635ac1 rgb(99,90,193)
```
#5c51ca
```
#5c51ca rgb(92,81,202)
```
#5549d2
```
#5549d2 rgb(85,73,210)
```
#4e40db
```
#4e40db rgb(78,64,219)
```
#4737e4
```
#4737e4 rgb(71,55,228)
```
#3f2eed
```
#3f2eed rgb(63,46,237)
```
#3826f5
```
#3826f5 rgb(56,38,245)
```
#311dfe
```
#311dfe rgb(49,29,254)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1143ca Protanomaly 1% of men, 0.01% of women
#1146bb Deuteranomaly 6% of men, 0.4% of women
#114b9f Tritanomaly 0.01% of the population

#311dfe hex color

#311dfe Color Information

#311dfe Color Conversion

Color Schemes with #311dfe

Alternatives to #311dfe

#311dfe Preview

Shades and Tints of #311dfe

Tones of #311dfe

Color Blindness Simulator