#312a66 hex color

In a RGB color space, hex #312a66 is composed of 19.2% red, 16.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 58.8% magenta, 0% yellow and 60% black. It has a hue angle of 247 degrees, a saturation of 41.7% and a lightness of 28.2%. #312a66 color hex could be obtained by blending #6254cc with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #312a66 has RGB values of R:49, G:42, B:102 and CMYK values of C:0.52, M:0.59, Y:0, K:0.6. Its decimal value is 3222118.

Hex triplet	312a66	`#312a66`
RGB Decimal	49, 42, 102	`rgb(49,42,102)`
RGB Percent	19.2, 16.5, 40	`rgb(19.2%,16.5%,40%)`
CMYK	52, 59, 0, 60
HSL	247°, 41.7, 28.2	`hsl(247,41.7%,28.2%)`
HSV (or HSB)	247°, 58.8, 40
Web Safe	333366	`#333366`

CIE-LAB	21.087, 20.922, -34.447
XYZ	4.492, 3.268, 12.964
xyY	0.217, 0.158, 3.268
CIE-LCH	21.087, 40.303, 301.273
CIE-LUV	21.087, -0.925, -41.129
Hunter-Lab	18.078, 12.722, -29.863
Binary	00110001, 00101010, 01100110

#312a66
```
#312a66 rgb(49,42,102)
```
#5f662a
```
#5f662a rgb(95,102,42)
```

Complementary Color

#2a4166
```
#2a4166 rgb(42,65,102)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#4f2a66
```
#4f2a66 rgb(79,42,102)
```

Analogous Color

#41662a
```
#41662a rgb(65,102,42)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#664f2a
```
#664f2a rgb(102,79,42)
```

Split Complementary Color

#2a6631
```
#2a6631 rgb(42,102,49)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#66312a
```
#66312a rgb(102,49,42)
```

Triadic Color

#2a5f66
```
#2a5f66 rgb(42,95,102)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#66312a
```
#66312a rgb(102,49,42)
```
#5f662a
```
#5f662a rgb(95,102,42)
```

Tetradic Color

#171430
```
#171430 rgb(23,20,48)
```
#201b42
```
#201b42 rgb(32,27,66)
```
#282354
```
#282354 rgb(40,35,84)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#3a3178
```
#3a3178 rgb(58,49,120)
```
#42398a
```
#42398a rgb(66,57,138)
```
#4b409c
```
#4b409c rgb(75,64,156)
```

Monochromatic Color

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

#2a3266
```
#2a3266 rgb(42,50,102)
```
#2a2d66
```
#2a2d66 rgb(42,45,102)
```
#2c2a66
```
#2c2a66 rgb(44,42,102)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#362a66
```
#362a66 rgb(54,42,102)
```
#3b2a66
```
#3b2a66 rgb(59,42,102)
```
#402a66
```
#402a66 rgb(64,42,102)
```

Similar Colors

Text with hexadecimal color #312a66

This text has a font color of #312a66.

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

#312a66 background color

This paragraph has a background color of #312a66.

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

#312a66 border color

This element has a border color of #312a66.

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

CSS codes

.text {color:#312a66;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#090813
```
#090813 rgb(9,8,19)
```
#100d21
```
#100d21 rgb(16,13,33)
```
#16132e
```
#16132e rgb(22,19,46)
```
#1d193c
```
#1d193c rgb(29,25,60)
```
#241f4a
```
#241f4a rgb(36,31,74)
```
#2a2458
```
#2a2458 rgb(42,36,88)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#383074
```
#383074 rgb(56,48,116)
```
#3e3582
```
#3e3582 rgb(62,53,130)
```
#453b90
```
#453b90 rgb(69,59,144)
```
#4c419e
```
#4c419e rgb(76,65,158)
```
#5247ab
```
#5247ab rgb(82,71,171)
```

Shade Color Variation

#5b4fb7
```
#5b4fb7 rgb(91,79,183)
```
#685dbc
```
#685dbc rgb(104,93,188)
```
#756bc2
```
#756bc2 rgb(117,107,194)
```
#8279c8
```
#8279c8 rgb(130,121,200)
```
#8f87cd
```
#8f87cd rgb(143,135,205)
```
#9c95d3
```
#9c95d3 rgb(156,149,211)
```
#a9a2d9
```
#a9a2d9 rgb(169,162,217)
```
#b6b0df
```
#b6b0df rgb(182,176,223)
```
#c3bee4
```
#c3bee4 rgb(195,190,228)
```
#d0ccea
```
#d0ccea rgb(208,204,234)
```
#dddaf0
```
#dddaf0 rgb(221,218,240)
```
#eae8f6
```
#eae8f6 rgb(234,232,246)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#46464a
```
#46464a rgb(70,70,74)
```
#424050
```
#424050 rgb(66,64,80)
```
#3e3b55
```
#3e3b55 rgb(62,59,85)
```
#39355b
```
#39355b rgb(57,53,91)
```
#353060
```
#353060 rgb(53,48,96)
```
#312a66
```
#312a66 rgb(49,42,102)
```
#2d246c
```
#2d246c rgb(45,36,108)
```
#291f71
```
#291f71 rgb(41,31,113)
```
#241977
```
#241977 rgb(36,25,119)
```
#20147c
```
#20147c rgb(32,20,124)
```
#1c0e82
```
#1c0e82 rgb(28,14,130)
```
#180987
```
#180987 rgb(24,9,135)
```
#13038d
```
#13038d rgb(19,3,141)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#33313d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d3b73 Protanopia 1% of men
#003e67 Deuteranopia 1% of men
#2c4045 Tritanopia 0.001% of the population

Trichromacy

#1a356e Protanomaly 1% of men, 0.01% of women
#113666 Deuteranomaly 6% of men, 0.4% of women
#2e3851 Tritanomaly 0.01% of the population

#312a66 hex color

#312a66 Color Information

#312a66 Color Conversion

Color Schemes with #312a66

Alternatives to #312a66

#312a66 Preview

Shades and Tints of #312a66

Tones of #312a66

Color Blindness Simulator