#311ccc hex color

In a RGB color space, hex #311ccc is composed of 19.2% red, 11% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 86.3% magenta, 0% yellow and 20% black. It has a hue angle of 247.2 degrees, a saturation of 75.9% and a lightness of 45.5%. #311ccc color hex could be obtained by blending #6238ff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 80
RGB color chart
- C 76
- M 86
- Y 0
- K 20
CMYK color chart

● #311ccc color description : Strong blue.

The hexadecimal color #311ccc has RGB values of R:49, G:28, B:204 and CMYK values of C:0.76, M:0.86, Y:0, K:0.2. Its decimal value is 3218636.

Hex triplet	311ccc	`#311ccc`
RGB Decimal	49, 28, 204	`rgb(49,28,204)`
RGB Percent	19.2, 11, 80	`rgb(19.2%,11%,80%)`
CMYK	76, 86, 0, 20
HSL	247.2°, 75.9, 45.5	`hsl(247.2,75.9%,45.5%)`
HSV (or HSB)	247.2°, 86.3, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.011, 60.789, -84.136
XYZ	12.579, 5.842, 57.588
xyY	0.165, 0.077, 5.842
CIE-LCH	29.011, 103.798, 305.848
CIE-LUV	29.011, -5.099, -103.985
Hunter-Lab	24.171, 50.594, -124.341
Binary	00110001, 00011100, 11001100

#311ccc
```
#311ccc rgb(49,28,204)
```
#b7cc1c
```
#b7cc1c rgb(183,204,28)
```

Complementary Color

#1c5fcc
```
#1c5fcc rgb(28,95,204)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#891ccc
```
#891ccc rgb(137,28,204)
```

Analogous Color

#5fcc1c
```
#5fcc1c rgb(95,204,28)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#cc891c
```
#cc891c rgb(204,137,28)
```

Split Complementary Color

#1ccc31
```
#1ccc31 rgb(28,204,49)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#cc311c
```
#cc311c rgb(204,49,28)
```

Triadic Color

#1cb7cc
```
#1cb7cc rgb(28,183,204)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#cc311c
```
#cc311c rgb(204,49,28)
```
#b7cc1c
```
#b7cc1c rgb(183,204,28)
```

Tetradic Color

#211389
```
#211389 rgb(33,19,137)
```
#26169f
```
#26169f rgb(38,22,159)
```
#2c19b6
```
#2c19b6 rgb(44,25,182)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#3821e1
```
#3821e1 rgb(56,33,225)
```
#4c37e4
```
#4c37e4 rgb(76,55,228)
```
#604ee7
```
#604ee7 rgb(96,78,231)
```

Monochromatic Color

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

#1c33cc
```
#1c33cc rgb(28,51,204)
```
#1c24cc
```
#1c24cc rgb(28,36,204)
```
#221ccc
```
#221ccc rgb(34,28,204)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#401ccc
```
#401ccc rgb(64,28,204)
```
#4e1ccc
```
#4e1ccc rgb(78,28,204)
```
#5d1ccc
```
#5d1ccc rgb(93,28,204)
```

Similar Colors

Text with hexadecimal color #311ccc

This text has a font color of #311ccc.

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

#311ccc background color

This paragraph has a background color of #311ccc.

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

#311ccc border color

This element has a border color of #311ccc.

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

CSS codes

.text {color:#311ccc;}

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

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

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 #fcfcff is the lightest one.

#03020e
```
#03020e rgb(3,2,14)
```
#080420
```
#080420 rgb(8,4,32)
```
#0c0731
```
#0c0731 rgb(12,7,49)
```
#100942
```
#100942 rgb(16,9,66)
```
#140b53
```
#140b53 rgb(20,11,83)
```
#180e65
```
#180e65 rgb(24,14,101)
```
#1c1076
```
#1c1076 rgb(28,16,118)
```
#201387
```
#201387 rgb(32,19,135)
```
#251598
```
#251598 rgb(37,21,152)
```
#2917aa
```
#2917aa rgb(41,23,170)
```
#2d1abb
```
#2d1abb rgb(45,26,187)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#351edd
```
#351edd rgb(53,30,221)
```

Shade Color Variation

#432de2
```
#432de2 rgb(67,45,226)
```
#523ee5
```
#523ee5 rgb(82,62,229)
```
#6250e7
```
#6250e7 rgb(98,80,231)
```
#7161e9
```
#7161e9 rgb(113,97,233)
```
#8172ec
```
#8172ec rgb(129,114,236)
```
#9083ee
```
#9083ee rgb(144,131,238)
```
#9f95f0
```
#9f95f0 rgb(159,149,240)
```
#afa6f3
```
#afa6f3 rgb(175,166,243)
```
#beb7f5
```
#beb7f5 rgb(190,183,245)
```
#cec8f7
```
#cec8f7 rgb(206,200,247)
```
#dddafa
```
#dddafa rgb(221,218,250)
```
#edebfc
```
#edebfc rgb(237,235,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6c7c is the less saturated color, while #1d01e7 is the most saturated one.

#6e6c7c
```
#6e6c7c rgb(110,108,124)
```
#676385
```
#676385 rgb(103,99,133)
```
#615a8e
```
#615a8e rgb(97,90,142)
```
#5a5296
```
#5a5296 rgb(90,82,150)
```
#53499f
```
#53499f rgb(83,73,159)
```
#4c40a8
```
#4c40a8 rgb(76,64,168)
```
#4537b1
```
#4537b1 rgb(69,55,177)
```
#3f2eba
```
#3f2eba rgb(63,46,186)
```
#3825c3
```
#3825c3 rgb(56,37,195)
```
#311ccc
```
#311ccc rgb(49,28,204)
```
#2a13d5
```
#2a13d5 rgb(42,19,213)
```
#230ade
```
#230ade rgb(35,10,222)
```
#1d01e7
```
#1d01e7 rgb(29,1,231)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#113aa7 Protanomaly 1% of men, 0.01% of women
#113d9b Deuteranomaly 6% of men, 0.4% of women
#114083 Tritanomaly 0.01% of the population

#311ccc hex color

#311ccc Color Information

#311ccc Color Conversion

Color Schemes with #311ccc

Alternatives to #311ccc

#311ccc Preview

Shades and Tints of #311ccc

Tones of #311ccc

Color Blindness Simulator