#331aa2 hex color

In a RGB color space, hex #331aa2 is composed of 20% red, 10.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 84% magenta, 0% yellow and 36.5% black. It has a hue angle of 251 degrees, a saturation of 72.3% and a lightness of 36.9%. #331aa2 color hex could be obtained by blending #6634ff with #000045. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 10
- B 64
RGB color chart
- C 69
- M 84
- Y 0
- K 36
CMYK color chart

● #331aa2 color description : Dark blue.

The hexadecimal color #331aa2 has RGB values of R:51, G:26, B:162 and CMYK values of C:0.69, M:0.84, Y:0, K:0.36. Its decimal value is 3349154.

Hex triplet	331aa2	`#331aa2`
RGB Decimal	51, 26, 162	`rgb(51,26,162)`
RGB Percent	20, 10.2, 63.5	`rgb(20%,10.2%,63.5%)`
CMYK	69, 84, 0, 36
HSL	251°, 72.3, 36.9	`hsl(251,72.3%,36.9%)`
HSV (or HSB)	251°, 84, 63.5
Web Safe	333399	`#333399`

CIE-LAB	23.839, 49.707, -67.697
XYZ	8.255, 4.051, 34.527
xyY	0.176, 0.086, 4.051
CIE-LCH	23.839, 83.986, 306.288
CIE-LUV	23.839, -2.024, -79.68
Hunter-Lab	20.127, 37.99, -87.623
Binary	00110011, 00011010, 10100010

#331aa2
```
#331aa2 rgb(51,26,162)
```
#89a21a
```
#89a21a rgb(137,162,26)
```

Complementary Color

#1a45a2
```
#1a45a2 rgb(26,69,162)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#771aa2
```
#771aa2 rgb(119,26,162)
```

Analogous Color

#45a21a
```
#45a21a rgb(69,162,26)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#a2771a
```
#a2771a rgb(162,119,26)
```

Split Complementary Color

#1aa233
```
#1aa233 rgb(26,162,51)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#a2331a
```
#a2331a rgb(162,51,26)
```

Triadic Color

#1a89a2
```
#1a89a2 rgb(26,137,162)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#a2331a
```
#a2331a rgb(162,51,26)
```
#89a21a
```
#89a21a rgb(137,162,26)
```

Tetradic Color

#1e0f60
```
#1e0f60 rgb(30,15,96)
```
#251376
```
#251376 rgb(37,19,118)
```
#2c168c
```
#2c168c rgb(44,22,140)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#3a1eb8
```
#3a1eb8 rgb(58,30,184)
```
#4121ce
```
#4121ce rgb(65,33,206)
```
#4c2bdd
```
#4c2bdd rgb(76,43,221)
```

Monochromatic Color

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

#1a23a2
```
#1a23a2 rgb(26,35,162)
```
#1c1aa2
```
#1c1aa2 rgb(28,26,162)
```
#281aa2
```
#281aa2 rgb(40,26,162)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#3e1aa2
```
#3e1aa2 rgb(62,26,162)
```
#4a1aa2
```
#4a1aa2 rgb(74,26,162)
```
#551aa2
```
#551aa2 rgb(85,26,162)
```

Similar Colors

Text with hexadecimal color #331aa2

This text has a font color of #331aa2.

<span style="color:#331aa2;">Text here</span>

#331aa2 background color

This paragraph has a background color of #331aa2.

<p style="background-color:#331aa2;">Content here</p>

#331aa2 border color

This element has a border color of #331aa2.

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

CSS codes

.text {color:#331aa2;}

.background {background-color:#331aa2;}

.border {border:1px solid #331aa2;}

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

#03020a
```
#03020a rgb(3,2,10)
```
#08041b
```
#08041b rgb(8,4,27)
```
#0e072c
```
#0e072c rgb(14,7,44)
```
#130a3d
```
#130a3d rgb(19,10,61)
```
#180c4d
```
#180c4d rgb(24,12,77)
```
#1e0f5e
```
#1e0f5e rgb(30,15,94)
```
#23126f
```
#23126f rgb(35,18,111)
```
#281580
```
#281580 rgb(40,21,128)
```
#2e1791
```
#2e1791 rgb(46,23,145)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#381db3
```
#381db3 rgb(56,29,179)
```
#3e1fc4
```
#3e1fc4 rgb(62,31,196)
```
#4322d5
```
#4322d5 rgb(67,34,213)
```

Shade Color Variation

#4e2ddd
```
#4e2ddd rgb(78,45,221)
```
#5c3ee0
```
#5c3ee0 rgb(92,62,224)
```
#6a4fe3
```
#6a4fe3 rgb(106,79,227)
```
#7860e5
```
#7860e5 rgb(120,96,229)
```
#8771e8
```
#8771e8 rgb(135,113,232)
```
#9582eb
```
#9582eb rgb(149,130,235)
```
#a393ee
```
#a393ee rgb(163,147,238)
```
#b2a3f0
```
#b2a3f0 rgb(178,163,240)
```
#c0b4f3
```
#c0b4f3 rgb(192,180,243)
```
#cec5f6
```
#cec5f6 rgb(206,197,246)
```
#dcd6f8
```
#dcd6f8 rgb(220,214,248)
```
#ebe7fb
```
#ebe7fb rgb(235,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5b61 is the less saturated color, while #2504b8 is the most saturated one.

#5c5b61
```
#5c5b61 rgb(92,91,97)
```
#585468
```
#585468 rgb(88,84,104)
```
#534d6f
```
#534d6f rgb(83,77,111)
```
#4e4577
```
#4e4577 rgb(78,69,119)
```
#4a3e7e
```
#4a3e7e rgb(74,62,126)
```
#453785
```
#453785 rgb(69,55,133)
```
#41308c
```
#41308c rgb(65,48,140)
```
#3c2894
```
#3c2894 rgb(60,40,148)
```
#38219b
```
#38219b rgb(56,33,155)
```
#331aa2
```
#331aa2 rgb(51,26,162)
```
#2e13a9
```
#2e13a9 rgb(46,19,169)
```
#2a0cb0
```
#2a0cb0 rgb(42,12,176)
```
#2504b8
```
#2504b8 rgb(37,4,184)
```

Tone Color Variation

Below, you can see how #331aa2 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

#313131 Achromatopsia 0.005% of the population
#312c48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#12328b Protanomaly 1% of men, 0.01% of women
#123580 Deuteranomaly 6% of men, 0.4% of women
#12386c Tritanomaly 0.01% of the population

#331aa2 hex color

#331aa2 Color Information

#331aa2 Color Conversion

Color Schemes with #331aa2

Alternatives to #331aa2

#331aa2 Preview

Shades and Tints of #331aa2

Tones of #331aa2

Color Blindness Simulator