#312b66 hex color

In a RGB color space, hex #312b66 is composed of 19.2% red, 16.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 57.8% magenta, 0% yellow and 60% black. It has a hue angle of 246.1 degrees, a saturation of 40.7% and a lightness of 28.4%. #312b66 color hex could be obtained by blending #6256cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 17
- B 40
RGB color chart
- C 52
- M 58
- Y 0
- K 60
CMYK color chart

● #312b66 color description : Very dark desaturated blue.

The hexadecimal color #312b66 has RGB values of R:49, G:43, B:102 and CMYK values of C:0.52, M:0.58, Y:0, K:0.6. Its decimal value is 3222374.

Hex triplet	312b66	`#312b66`
RGB Decimal	49, 43, 102	`rgb(49,43,102)`
RGB Percent	19.2, 16.9, 40	`rgb(19.2%,16.9%,40%)`
CMYK	52, 58, 0, 60
HSL	246.1°, 40.7, 28.4	`hsl(246.1,40.7%,28.4%)`
HSV (or HSB)	246.1°, 57.8, 40
Web Safe	333366	`#333366`

CIE-LAB	21.357, 20.24, -34.013
XYZ	4.528, 3.34, 12.976
xyY	0.217, 0.16, 3.34
CIE-LCH	21.357, 39.579, 300.755
CIE-LUV	21.357, -1.174, -40.822
Hunter-Lab	18.275, 12.247, -29.304
Binary	00110001, 00101011, 01100110

#312b66
```
#312b66 rgb(49,43,102)
```
#60662b
```
#60662b rgb(96,102,43)
```

Complementary Color

#2b4366
```
#2b4366 rgb(43,67,102)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#4e2b66
```
#4e2b66 rgb(78,43,102)
```

Analogous Color

#43662b
```
#43662b rgb(67,102,43)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#664f2b
```
#664f2b rgb(102,79,43)
```

Split Complementary Color

#2b6631
```
#2b6631 rgb(43,102,49)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#66312b
```
#66312b rgb(102,49,43)
```

Triadic Color

#2b6066
```
#2b6066 rgb(43,96,102)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#66312b
```
#66312b rgb(102,49,43)
```
#60662b
```
#60662b rgb(96,102,43)
```

Tetradic Color

#171430
```
#171430 rgb(23,20,48)
```
#201c42
```
#201c42 rgb(32,28,66)
```
#282354
```
#282354 rgb(40,35,84)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#3a3378
```
#3a3378 rgb(58,51,120)
```
#423a8a
```
#423a8a rgb(66,58,138)
```
#4b429c
```
#4b429c rgb(75,66,156)
```

Monochromatic Color

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

#2b3466
```
#2b3466 rgb(43,52,102)
```
#2b2f66
```
#2b2f66 rgb(43,47,102)
```
#2c2b66
```
#2c2b66 rgb(44,43,102)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#362b66
```
#362b66 rgb(54,43,102)
```
#3b2b66
```
#3b2b66 rgb(59,43,102)
```
#402b66
```
#402b66 rgb(64,43,102)
```

Similar Colors

Text with hexadecimal color #312b66

This text has a font color of #312b66.

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

#312b66 background color

This paragraph has a background color of #312b66.

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

#312b66 border color

This element has a border color of #312b66.

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

CSS codes

.text {color:#312b66;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#090813
```
#090813 rgb(9,8,19)
```
#100e21
```
#100e21 rgb(16,14,33)
```
#16142f
```
#16142f rgb(22,20,47)
```
#1d1a3d
```
#1d1a3d rgb(29,26,61)
```
#241f4a
```
#241f4a rgb(36,31,74)
```
#2a2558
```
#2a2558 rgb(42,37,88)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#383174
```
#383174 rgb(56,49,116)
```
#3e3782
```
#3e3782 rgb(62,55,130)
```
#453c8f
```
#453c8f rgb(69,60,143)
```
#4c429d
```
#4c429d rgb(76,66,157)
```
#5248ab
```
#5248ab rgb(82,72,171)
```

Shade Color Variation

#5b51b6
```
#5b51b6 rgb(91,81,182)
```
#685fbb
```
#685fbb rgb(104,95,187)
```
#756dc1
```
#756dc1 rgb(117,109,193)
```
#827ac7
```
#827ac7 rgb(130,122,199)
```
#8f88cd
```
#8f88cd rgb(143,136,205)
```
#9c96d3
```
#9c96d3 rgb(156,150,211)
```
#a9a4d9
```
#a9a4d9 rgb(169,164,217)
```
#b6b2de
```
#b6b2de rgb(182,178,222)
```
#c3bfe4
```
#c3bfe4 rgb(195,191,228)
```
#d0cdea
```
#d0cdea rgb(208,205,234)
```
#dddbf0
```
#dddbf0 rgb(221,219,240)
```
#eae9f6
```
#eae9f6 rgb(234,233,246)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47474a is the less saturated color, while #12048d is the most saturated one.

#47474a
```
#47474a rgb(71,71,74)
```
#434150
```
#434150 rgb(67,65,80)
```
#3e3c55
```
#3e3c55 rgb(62,60,85)
```
#3a365b
```
#3a365b rgb(58,54,91)
```
#353160
```
#353160 rgb(53,49,96)
```
#312b66
```
#312b66 rgb(49,43,102)
```
#2d256c
```
#2d256c rgb(45,37,108)
```
#282071
```
#282071 rgb(40,32,113)
```
#241a77
```
#241a77 rgb(36,26,119)
```
#1f157c
```
#1f157c rgb(31,21,124)
```
#1b0f82
```
#1b0f82 rgb(27,15,130)
```
#160a87
```
#160a87 rgb(22,10,135)
```
#12048d
```
#12048d rgb(18,4,141)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33323e Atypical Achromatopsia 0.001% of the population

Dichromacy

#133b73 Protanopia 1% of men
#003e68 Deuteranopia 1% of men
#2c4145 Tritanopia 0.001% of the population

Trichromacy

#1e356e Protanomaly 1% of men, 0.01% of women
#113767 Deuteranomaly 6% of men, 0.4% of women
#2e3951 Tritanomaly 0.01% of the population

#312b66 hex color

#312b66 Color Information

#312b66 Color Conversion

Color Schemes with #312b66

Alternatives to #312b66

#312b66 Preview

Shades and Tints of #312b66

Tones of #312b66

Color Blindness Simulator