#3312a1 hex color

In a RGB color space, hex #3312a1 is composed of 20% red, 7.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 88.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 253.8 degrees, a saturation of 79.9% and a lightness of 35.1%. #3312a1 color hex could be obtained by blending #6624ff with #000043. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 7
- B 63
RGB color chart
- C 68
- M 89
- Y 0
- K 37
CMYK color chart

● #3312a1 color description : Dark blue.

The hexadecimal color #3312a1 has RGB values of R:51, G:18, B:161 and CMYK values of C:0.68, M:0.89, Y:0, K:0.37. Its decimal value is 3347105.

Hex triplet	3312a1	`#3312a1`
RGB Decimal	51, 18, 161	`rgb(51,18,161)`
RGB Percent	20, 7.1, 63.1	`rgb(20%,7.1%,63.1%)`
CMYK	68, 89, 0, 37
HSL	253.8°, 79.9, 35.1	`hsl(253.8,79.9%,35.1%)`
HSV (or HSB)	253.8°, 88.8, 63.1
Web Safe	330099	`#330099`

CIE-LAB	22.686, 52.494, -69
XYZ	8.013, 3.709, 34.01
xyY	0.175, 0.081, 3.709
CIE-LCH	22.686, 86.698, 307.264
CIE-LUV	22.686, -1.291, -78.698
Hunter-Lab	19.259, 40.565, -91.217
Binary	00110011, 00010010, 10100001

#3312a1
```
#3312a1 rgb(51,18,161)
```
#80a112
```
#80a112 rgb(128,161,18)
```

Complementary Color

#1239a1
```
#1239a1 rgb(18,57,161)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#7b12a1
```
#7b12a1 rgb(123,18,161)
```

Analogous Color

#39a112
```
#39a112 rgb(57,161,18)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#a17b12
```
#a17b12 rgb(161,123,18)
```

Split Complementary Color

#12a133
```
#12a133 rgb(18,161,51)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#a13312
```
#a13312 rgb(161,51,18)
```

Triadic Color

#1280a1
```
#1280a1 rgb(18,128,161)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#a13312
```
#a13312 rgb(161,51,18)
```
#80a112
```
#80a112 rgb(128,161,18)
```

Tetradic Color

#1d0a5c
```
#1d0a5c rgb(29,10,92)
```
#240d73
```
#240d73 rgb(36,13,115)
```
#2c0f8a
```
#2c0f8a rgb(44,15,138)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#3a15b8
```
#3a15b8 rgb(58,21,184)
```
#4217cf
```
#4217cf rgb(66,23,207)
```
#491ae5
```
#491ae5 rgb(73,26,229)
```

Monochromatic Color

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

#1215a1
```
#1215a1 rgb(18,21,161)
```
#1b12a1
```
#1b12a1 rgb(27,18,161)
```
#2712a1
```
#2712a1 rgb(39,18,161)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#3f12a1
```
#3f12a1 rgb(63,18,161)
```
#4b12a1
```
#4b12a1 rgb(75,18,161)
```
#5712a1
```
#5712a1 rgb(87,18,161)
```

Similar Colors

Text with hexadecimal color #3312a1

This text has a font color of #3312a1.

<span style="color:#3312a1;">Text here</span>

#3312a1 background color

This paragraph has a background color of #3312a1.

<p style="background-color:#3312a1;">Content here</p>

#3312a1 border color

This element has a border color of #3312a1.

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

CSS codes

.text {color:#3312a1;}

.background {background-color:#3312a1;}

.border {border:1px solid #3312a1;}

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

#010002
```
#010002 rgb(1,0,2)
```
#060214
```
#060214 rgb(6,2,20)
```
#0c0425
```
#0c0425 rgb(12,4,37)
```
#110637
```
#110637 rgb(17,6,55)
```
#170849
```
#170849 rgb(23,8,73)
```
#1d0a5a
```
#1d0a5a rgb(29,10,90)
```
#220c6c
```
#220c6c rgb(34,12,108)
```
#280e7e
```
#280e7e rgb(40,14,126)
```
#2d108f
```
#2d108f rgb(45,16,143)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#3914b3
```
#3914b3 rgb(57,20,179)
```
#3e16c4
```
#3e16c4 rgb(62,22,196)
```
#4418d6
```
#4418d6 rgb(68,24,214)
```

Shade Color Variation

#4a1ce6
```
#4a1ce6 rgb(74,28,230)
```
#582de8
```
#582de8 rgb(88,45,232)
```
#663fea
```
#663fea rgb(102,63,234)
```
#7451ec
```
#7451ec rgb(116,81,236)
```
#8362ed
```
#8362ed rgb(131,98,237)
```
#9174ef
```
#9174ef rgb(145,116,239)
```
#9f86f1
```
#9f86f1 rgb(159,134,241)
```
#ad97f3
```
#ad97f3 rgb(173,151,243)
```
#bba9f5
```
#bba9f5 rgb(187,169,245)
```
#c9bbf7
```
#c9bbf7 rgb(201,187,247)
```
#d7ccf9
```
#d7ccf9 rgb(215,204,249)
```
#e5defb
```
#e5defb rgb(229,222,251)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58575c is the less saturated color, while #2c04af is the most saturated one.

#58575c
```
#58575c rgb(88,87,92)
```
#545063
```
#545063 rgb(84,80,99)
```
#51496a
```
#51496a rgb(81,73,106)
```
#4d4271
```
#4d4271 rgb(77,66,113)
```
#493b78
```
#493b78 rgb(73,59,120)
```
#46347f
```
#46347f rgb(70,52,127)
```
#422e85
```
#422e85 rgb(66,46,133)
```
#3e278c
```
#3e278c rgb(62,39,140)
```
#3a2093
```
#3a2093 rgb(58,32,147)
```
#37199a
```
#37199a rgb(55,25,154)
```
#3312a1
```
#3312a1 rgb(51,18,161)
```
#2f0ba8
```
#2f0ba8 rgb(47,11,168)
```
#2c04af
```
#2c04af rgb(44,4,175)
```

Tone Color Variation

Below, you can see how #3312a1 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

#2c2c2c Achromatopsia 0.005% of the population
#2d2743 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#004269 Deuteranopia 1% of men
#00474a Tritanopia 0.001% of the population

Trichromacy

#122e88 Protanomaly 1% of men, 0.01% of women
#12307d Deuteranomaly 6% of men, 0.4% of women
#12336a Tritanomaly 0.01% of the population

#3312a1 hex color

#3312a1 Color Information

#3312a1 Color Conversion

Color Schemes with #3312a1

Alternatives to #3312a1

#3312a1 Preview

Shades and Tints of #3312a1

Tones of #3312a1

Color Blindness Simulator