#312bcc hex color

In a RGB color space, hex #312bcc is composed of 19.2% red, 16.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 78.9% magenta, 0% yellow and 20% black. It has a hue angle of 242.2 degrees, a saturation of 65.2% and a lightness of 48.4%. #312bcc color hex could be obtained by blending #6256ff with #000099. Closest websafe color is: #3333cc.

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

● #312bcc color description : Strong blue.

The hexadecimal color #312bcc has RGB values of R:49, G:43, B:204 and CMYK values of C:0.76, M:0.79, Y:0, K:0.2. Its decimal value is 3222476.

Hex triplet	312bcc	`#312bcc`
RGB Decimal	49, 43, 204	`rgb(49,43,204)`
RGB Percent	19.2, 16.9, 80	`rgb(19.2%,16.9%,80%)`
CMYK	76, 79, 0, 20
HSL	242.2°, 65.2, 48.4	`hsl(242.2,65.2%,48.4%)`
HSV (or HSB)	242.2°, 78.9, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.206, 54.32, -80.491
XYZ	13.027, 6.74, 57.738
xyY	0.168, 0.087, 6.74
CIE-LCH	31.206, 97.105, 304.014
CIE-LUV	31.206, -6.687, -104.357
Hunter-Lab	25.961, 44.143, -113.691
Binary	00110001, 00101011, 11001100

#312bcc
```
#312bcc rgb(49,43,204)
```
#c6cc2b
```
#c6cc2b rgb(198,204,43)
```

Complementary Color

#2b76cc
```
#2b76cc rgb(43,118,204)
```
#312bcc
```
#312bcc rgb(49,43,204)
```
#822bcc
```
#822bcc rgb(130,43,204)
```

Analogous Color

#76cc2b
```
#76cc2b rgb(118,204,43)
```
#312bcc
```
#312bcc rgb(49,43,204)
```
#cc822b
```
#cc822b rgb(204,130,43)
```

Split Complementary Color

#2bcc31
```
#2bcc31 rgb(43,204,49)
```
#312bcc
```
#312bcc rgb(49,43,204)
```
#cc312b
```
#cc312b rgb(204,49,43)
```

Triadic Color

#2bc6cc
```
#2bc6cc rgb(43,198,204)
```
#312bcc
```
#312bcc rgb(49,43,204)
```
#cc312b
```
#cc312b rgb(204,49,43)
```
#c6cc2b
```
#c6cc2b rgb(198,204,43)
```

Tetradic Color

#221e8d
```
#221e8d rgb(34,30,141)
```
#2722a2
```
#2722a2 rgb(39,34,162)
```
#2c27b7
```
#2c27b7 rgb(44,39,183)
```
#312bcc
```
#312bcc rgb(49,43,204)
```
#413bd6
```
#413bd6 rgb(65,59,214)
```
#5550da
```
#5550da rgb(85,80,218)
```
#6965df
```
#6965df rgb(105,101,223)
```

Monochromatic Color

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

#2b4dcc
```
#2b4dcc rgb(43,77,204)
```
#2b40cc
```
#2b40cc rgb(43,64,204)
```
#2b32cc
```
#2b32cc rgb(43,50,204)
```
#312bcc
```
#312bcc rgb(49,43,204)
```
#3e2bcc
```
#3e2bcc rgb(62,43,204)
```
#4c2bcc
```
#4c2bcc rgb(76,43,204)
```
#592bcc
```
#592bcc rgb(89,43,204)
```

Similar Colors

Text with hexadecimal color #312bcc

This text has a font color of #312bcc.

<span style="color:#312bcc;">Text here</span>

#312bcc background color

This paragraph has a background color of #312bcc.

<p style="background-color:#312bcc;">Content here</p>

#312bcc border color

This element has a border color of #312bcc.

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

CSS codes

.text {color:#312bcc;}

.background {background-color:#312bcc;}

.border {border:1px solid #312bcc;}

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, #02020a is the darkest color, while #f9f8fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#06051a
```
#06051a rgb(6,5,26)
```
#0a092a
```
#0a092a rgb(10,9,42)
```
#0e0c3a
```
#0e0c3a rgb(14,12,58)
```
#12104a
```
#12104a rgb(18,16,74)
```
#16135b
```
#16135b rgb(22,19,91)
```
#1a176b
```
#1a176b rgb(26,23,107)
```
#1e1a7b
```
#1e1a7b rgb(30,26,123)
```
#211d8b
```
#211d8b rgb(33,29,139)
```
#25219b
```
#25219b rgb(37,33,155)
```
#2924ac
```
#2924ac rgb(41,36,172)
```
#2d28bc
```
#2d28bc rgb(45,40,188)
```
#312bcc
```
#312bcc rgb(49,43,204)
```

Shade Color Variation

#3c36d5
```
#3c36d5 rgb(60,54,213)
```
#4c46d8
```
#4c46d8 rgb(76,70,216)
```
#5b56db
```
#5b56db rgb(91,86,219)
```
#6b67df
```
#6b67df rgb(107,103,223)
```
#7b77e2
```
#7b77e2 rgb(123,119,226)
```
#8b87e6
```
#8b87e6 rgb(139,135,230)
```
#9a97e9
```
#9a97e9 rgb(154,151,233)
```
#aaa7ed
```
#aaa7ed rgb(170,167,237)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#c9c8f3
```
#c9c8f3 rgb(201,200,243)
```
#d9d8f7
```
#d9d8f7 rgb(217,216,247)
```
#e9e8fa
```
#e9e8fa rgb(233,232,250)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#777780
```
#777780 rgb(119,119,128)
```
#6f6e8a
```
#6f6e8a rgb(111,110,138)
```
#666493
```
#666493 rgb(102,100,147)
```
#5d5b9d
```
#5d5b9d rgb(93,91,157)
```
#5451a6
```
#5451a6 rgb(84,81,166)
```
#4b48b0
```
#4b48b0 rgb(75,72,176)
```
#433eb9
```
#433eb9 rgb(67,62,185)
```
#3a35c3
```
#3a35c3 rgb(58,53,195)
```
#312bcc
```
#312bcc rgb(49,43,204)
```
#2822d6
```
#2822d6 rgb(40,34,214)
```
#1f18df
```
#1f18df rgb(31,24,223)
```
#170fe9
```
#170fe9 rgb(23,15,233)
```
#0e05f2
```
#0e05f2 rgb(14,5,242)
```

Tone Color Variation

Below, you can see how #312bcc 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

#3f3f3f Achromatopsia 0.005% of the population
#3c3b5b 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

#1142ad Protanomaly 1% of men, 0.01% of women
#1145a0 Deuteranomaly 6% of men, 0.4% of women
#114987 Tritanomaly 0.01% of the population

#312bcc hex color

#312bcc Color Information

#312bcc Color Conversion

Color Schemes with #312bcc

Alternatives to #312bcc

#312bcc Preview

Shades and Tints of #312bcc

Tones of #312bcc

Color Blindness Simulator