#312bd5 hex color

In a RGB color space, hex #312bd5 is composed of 19.2% red, 16.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 79.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 242.1 degrees, a saturation of 66.9% and a lightness of 50.2%. #312bd5 color hex could be obtained by blending #6256ff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 17
- B 84
RGB color chart
- C 77
- M 80
- Y 0
- K 16
CMYK color chart

● #312bd5 color description : Strong blue.

The hexadecimal color #312bd5 has RGB values of R:49, G:43, B:213 and CMYK values of C:0.77, M:0.8, Y:0, K:0.16. Its decimal value is 3222485.

Hex triplet	312bd5	`#312bd5`
RGB Decimal	49, 43, 213	`rgb(49,43,213)`
RGB Percent	19.2, 16.9, 83.5	`rgb(19.2%,16.9%,83.5%)`
CMYK	77, 80, 0, 16
HSL	242.1°, 66.9, 50.2	`hsl(242.1,66.9%,50.2%)`
HSV (or HSB)	242.1°, 79.8, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.222, 57.072, -84.033
XYZ	14.138, 7.184, 63.589
xyY	0.167, 0.085, 7.184
CIE-LCH	32.222, 101.581, 304.183
CIE-LUV	32.222, -7.106, -109.558
Hunter-Lab	26.803, 47.253, -121.901
Binary	00110001, 00101011, 11010101

#312bd5
```
#312bd5 rgb(49,43,213)
```
#cfd52b
```
#cfd52b rgb(207,213,43)
```

Complementary Color

#2b7ad5
```
#2b7ad5 rgb(43,122,213)
```
#312bd5
```
#312bd5 rgb(49,43,213)
```
#862bd5
```
#862bd5 rgb(134,43,213)
```

Analogous Color

#7ad52b
```
#7ad52b rgb(122,213,43)
```
#312bd5
```
#312bd5 rgb(49,43,213)
```
#d5862b
```
#d5862b rgb(213,134,43)
```

Split Complementary Color

#2bd531
```
#2bd531 rgb(43,213,49)
```
#312bd5
```
#312bd5 rgb(49,43,213)
```
#d5312b
```
#d5312b rgb(213,49,43)
```

Triadic Color

#2bcfd5
```
#2bcfd5 rgb(43,207,213)
```
#312bd5
```
#312bd5 rgb(49,43,213)
```
#d5312b
```
#d5312b rgb(213,49,43)
```
#cfd52b
```
#cfd52b rgb(207,213,43)
```

Tetradic Color

#221e96
```
#221e96 rgb(34,30,150)
```
#2722ab
```
#2722ab rgb(39,34,171)
```
#2c26c0
```
#2c26c0 rgb(44,38,192)
```
#312bd5
```
#312bd5 rgb(49,43,213)
```
#4640d9
```
#4640d9 rgb(70,64,217)
```
#5a56dd
```
#5a56dd rgb(90,86,221)
```
#6f6be2
```
#6f6be2 rgb(111,107,226)
```

Monochromatic Color

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

#2b50d5
```
#2b50d5 rgb(43,80,213)
```
#2b41d5
```
#2b41d5 rgb(43,65,213)
```
#2b33d5
```
#2b33d5 rgb(43,51,213)
```
#312bd5
```
#312bd5 rgb(49,43,213)
```
#3f2bd5
```
#3f2bd5 rgb(63,43,213)
```
#4d2bd5
```
#4d2bd5 rgb(77,43,213)
```
#5c2bd5
```
#5c2bd5 rgb(92,43,213)
```

Similar Colors

Text with hexadecimal color #312bd5

This text has a font color of #312bd5.

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

#312bd5 background color

This paragraph has a background color of #312bd5.

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

#312bd5 border color

This element has a border color of #312bd5.

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

CSS codes

.text {color:#312bd5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040311
```
#040311 rgb(4,3,17)
```
#080722
```
#080722 rgb(8,7,34)
```
#0b0a32
```
#0b0a32 rgb(11,10,50)
```
#0f0d42
```
#0f0d42 rgb(15,13,66)
```
#131053
```
#131053 rgb(19,16,83)
```
#161463
```
#161463 rgb(22,20,99)
```
#1a1773
```
#1a1773 rgb(26,23,115)
```
#1e1a84
```
#1e1a84 rgb(30,26,132)
```
#221d94
```
#221d94 rgb(34,29,148)
```
#2521a5
```
#2521a5 rgb(37,33,165)
```
#2924b5
```
#2924b5 rgb(41,36,181)
```
#2d27c5
```
#2d27c5 rgb(45,39,197)
```

Shade Color Variation

#312bd5
```
#312bd5 rgb(49,43,213)
```
#413bd8
```
#413bd8 rgb(65,59,216)
```
#514cdb
```
#514cdb rgb(81,76,219)
```
#615cdf
```
#615cdf rgb(97,92,223)
```
#716ce2
```
#716ce2 rgb(113,108,226)
```
#817de5
```
#817de5 rgb(129,125,229)
```
#908de8
```
#908de8 rgb(144,141,232)
```
#a09eec
```
#a09eec rgb(160,158,236)
```
#b0aeef
```
#b0aeef rgb(176,174,239)
```
#c0bef2
```
#c0bef2 rgb(192,190,242)
```
#d0cff5
```
#d0cff5 rgb(208,207,245)
```
#e0dff9
```
#e0dff9 rgb(224,223,249)
```
#f0effc
```
#f0effc rgb(240,239,252)
```

Tint Color Variation

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

#7a7987
```
#7a7987 rgb(122,121,135)
```
#716f91
```
#716f91 rgb(113,111,145)
```
#67669a
```
#67669a rgb(103,102,154)
```
#5e5ca4
```
#5e5ca4 rgb(94,92,164)
```
#5552ae
```
#5552ae rgb(85,82,174)
```
#4c48b8
```
#4c48b8 rgb(76,72,184)
```
#433fc1
```
#433fc1 rgb(67,63,193)
```
#3a35cb
```
#3a35cb rgb(58,53,203)
```
#312bd5
```
#312bd5 rgb(49,43,213)
```
#2821df
```
#2821df rgb(40,33,223)
```
#1f17e9
```
#1f17e9 rgb(31,23,233)
```
#160ef2
```
#160ef2 rgb(22,14,242)
```
#0d04fc
```
#0d04fc rgb(13,4,252)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d3c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1144b3 Protanomaly 1% of men, 0.01% of women
#1147a5 Deuteranomaly 6% of men, 0.4% of women
#114b8b Tritanomaly 0.01% of the population

#312bd5 hex color

#312bd5 Color Information

#312bd5 Color Conversion

Color Schemes with #312bd5

Alternatives to #312bd5

#312bd5 Preview

Shades and Tints of #312bd5

Tones of #312bd5

Color Blindness Simulator