#311cdf hex color

In a RGB color space, hex #311cdf is composed of 19.2% red, 11% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 87.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 246.5 degrees, a saturation of 77.7% and a lightness of 49.2%. #311cdf color hex could be obtained by blending #6238ff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 87
RGB color chart
- C 78
- M 87
- Y 0
- K 13
CMYK color chart

● #311cdf color description : Vivid blue.

The hexadecimal color #311cdf has RGB values of R:49, G:28, B:223 and CMYK values of C:0.78, M:0.87, Y:0, K:0.13. Its decimal value is 3218655.

Hex triplet	311cdf	`#311cdf`
RGB Decimal	49, 28, 223	`rgb(49,28,223)`
RGB Percent	19.2, 11, 87.5	`rgb(19.2%,11%,87.5%)`
CMYK	78, 87, 0, 13
HSL	246.5°, 77.7, 49.2	`hsl(246.5,77.7%,49.2%)`
HSV (or HSB)	246.5°, 87.4, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.371, 66.007, -91.212
XYZ	14.999, 6.81, 70.332
xyY	0.163, 0.074, 6.81
CIE-LCH	31.371, 112.591, 305.892
CIE-LUV	31.371, -6.123, -114.824
Hunter-Lab	26.096, 56.921, -141.524
Binary	00110001, 00011100, 11011111

#311cdf
```
#311cdf rgb(49,28,223)
```
#cadf1c
```
#cadf1c rgb(202,223,28)
```

Complementary Color

#1c69df
```
#1c69df rgb(28,105,223)
```
#311cdf
```
#311cdf rgb(49,28,223)
```
#931cdf
```
#931cdf rgb(147,28,223)
```

Analogous Color

#69df1c
```
#69df1c rgb(105,223,28)
```
#311cdf
```
#311cdf rgb(49,28,223)
```
#df931c
```
#df931c rgb(223,147,28)
```

Split Complementary Color

#1cdf31
```
#1cdf31 rgb(28,223,49)
```
#311cdf
```
#311cdf rgb(49,28,223)
```
#df311c
```
#df311c rgb(223,49,28)
```

Triadic Color

#1ccadf
```
#1ccadf rgb(28,202,223)
```
#311cdf
```
#311cdf rgb(49,28,223)
```
#df311c
```
#df311c rgb(223,49,28)
```
#cadf1c
```
#cadf1c rgb(202,223,28)
```

Tetradic Color

#22139b
```
#22139b rgb(34,19,155)
```
#2716b2
```
#2716b2 rgb(39,22,178)
```
#2c19c8
```
#2c19c8 rgb(44,25,200)
```
#311cdf
```
#311cdf rgb(49,28,223)
```
#4330e5
```
#4330e5 rgb(67,48,229)
```
#5846e8
```
#5846e8 rgb(88,70,232)
```
#6c5deb
```
#6c5deb rgb(108,93,235)
```

Monochromatic Color

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

#1c38df
```
#1c38df rgb(28,56,223)
```
#1c28df
```
#1c28df rgb(28,40,223)
```
#211cdf
```
#211cdf rgb(33,28,223)
```
#311cdf
```
#311cdf rgb(49,28,223)
```
#411cdf
```
#411cdf rgb(65,28,223)
```
#521cdf
```
#521cdf rgb(82,28,223)
```
#621cdf
```
#621cdf rgb(98,28,223)
```

Similar Colors

Text with hexadecimal color #311cdf

This text has a font color of #311cdf.

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

#311cdf background color

This paragraph has a background color of #311cdf.

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

#311cdf border color

This element has a border color of #311cdf.

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

CSS codes

.text {color:#311cdf;}

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

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

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, #03020e is the darkest color, while #fcfbff is the lightest one.

#03020e
```
#03020e rgb(3,2,14)
```
#07041f
```
#07041f rgb(7,4,31)
```
#0b0631
```
#0b0631 rgb(11,6,49)
```
#0f0842
```
#0f0842 rgb(15,8,66)
```
#120a54
```
#120a54 rgb(18,10,84)
```
#160d65
```
#160d65 rgb(22,13,101)
```
#1a0f76
```
#1a0f76 rgb(26,15,118)
```
#1e1188
```
#1e1188 rgb(30,17,136)
```
#221399
```
#221399 rgb(34,19,153)
```
#2615ab
```
#2615ab rgb(38,21,171)
```
#2918bc
```
#2918bc rgb(41,24,188)
```
#2d1ace
```
#2d1ace rgb(45,26,206)
```
#311cdf
```
#311cdf rgb(49,28,223)
```

Shade Color Variation

#3e2ae4
```
#3e2ae4 rgb(62,42,228)
```
#4e3ce6
```
#4e3ce6 rgb(78,60,230)
```
#5e4de9
```
#5e4de9 rgb(94,77,233)
```
#6e5feb
```
#6e5feb rgb(110,95,235)
```
#7d70ed
```
#7d70ed rgb(125,112,237)
```
#8d81ef
```
#8d81ef rgb(141,129,239)
```
#9d93f1
```
#9d93f1 rgb(157,147,241)
```
#ada4f4
```
#ada4f4 rgb(173,164,244)
```
#bdb6f6
```
#bdb6f6 rgb(189,182,246)
```
#ccc7f8
```
#ccc7f8 rgb(204,199,248)
```
#dcd9fa
```
#dcd9fa rgb(220,217,250)
```
#eceafc
```
#eceafc rgb(236,234,252)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#7d7d7e
```
#7d7d7e rgb(125,125,126)
```
#757388
```
#757388 rgb(117,115,136)
```
#6e6992
```
#6e6992 rgb(110,105,146)
```
#66609b
```
#66609b rgb(102,96,155)
```
#5e56a5
```
#5e56a5 rgb(94,86,165)
```
#574caf
```
#574caf rgb(87,76,175)
```
#4f43b8
```
#4f43b8 rgb(79,67,184)
```
#4839c2
```
#4839c2 rgb(72,57,194)
```
#402fcc
```
#402fcc rgb(64,47,204)
```
#3926d5
```
#3926d5 rgb(57,38,213)
```
#311cdf
```
#311cdf rgb(49,28,223)
```
#2912e9
```
#2912e9 rgb(41,18,233)
```
#2209f2
```
#2209f2 rgb(34,9,242)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#37335a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#113db4 Protanomaly 1% of men, 0.01% of women
#1140a7 Deuteranomaly 6% of men, 0.4% of women
#11448d Tritanomaly 0.01% of the population

#311cdf hex color

#311cdf Color Information

#311cdf Color Conversion

Color Schemes with #311cdf

Alternatives to #311cdf

#311cdf Preview

Shades and Tints of #311cdf

Tones of #311cdf

Color Blindness Simulator