#331396 hex color

In a RGB color space, hex #331396 is composed of 20% red, 7.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 87.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 254.7 degrees, a saturation of 77.5% and a lightness of 33.1%. #331396 color hex could be obtained by blending #6626ff with #00002d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 7
- B 59
RGB color chart
- C 66
- M 87
- Y 0
- K 41
CMYK color chart

● #331396 color description : Dark blue.

The hexadecimal color #331396 has RGB values of R:51, G:19, B:150 and CMYK values of C:0.66, M:0.87, Y:0, K:0.41. Its decimal value is 3347350.

Hex triplet	331396	`#331396`
RGB Decimal	51, 19, 150	`rgb(51,19,150)`
RGB Percent	20, 7.5, 58.8	`rgb(20%,7.5%,58.8%)`
CMYK	66, 87, 0, 41
HSL	254.7°, 77.5, 33.1	`hsl(254.7,77.5%,33.1%)`
HSV (or HSB)	254.7°, 87.3, 58.8
Web Safe	330099	`#330099`

CIE-LAB	21.473, 49.074, -64.261
XYZ	7.102, 3.371, 29.129
xyY	0.179, 0.085, 3.371
CIE-LCH	21.473, 80.856, 307.368
CIE-LUV	21.473, -0.558, -72.348
Hunter-Lab	18.361, 36.912, -81.208
Binary	00110011, 00010011, 10010110

#331396
```
#331396 rgb(51,19,150)
```
#769613
```
#769613 rgb(118,150,19)
```

Complementary Color

#133496
```
#133496 rgb(19,52,150)
```
#331396
```
#331396 rgb(51,19,150)
```
#751396
```
#751396 rgb(117,19,150)
```

Analogous Color

#349613
```
#349613 rgb(52,150,19)
```
#331396
```
#331396 rgb(51,19,150)
```
#967513
```
#967513 rgb(150,117,19)
```

Split Complementary Color

#139633
```
#139633 rgb(19,150,51)
```
#331396
```
#331396 rgb(51,19,150)
```
#963313
```
#963313 rgb(150,51,19)
```

Triadic Color

#137696
```
#137696 rgb(19,118,150)
```
#331396
```
#331396 rgb(51,19,150)
```
#963313
```
#963313 rgb(150,51,19)
```
#769613
```
#769613 rgb(118,150,19)
```

Tetradic Color

#1c0a52
```
#1c0a52 rgb(28,10,82)
```
#240d69
```
#240d69 rgb(36,13,105)
```
#2b107f
```
#2b107f rgb(43,16,127)
```
#331396
```
#331396 rgb(51,19,150)
```
#3b16ad
```
#3b16ad rgb(59,22,173)
```
#4219c3
```
#4219c3 rgb(66,25,195)
```
#4a1cda
```
#4a1cda rgb(74,28,218)
```

Monochromatic Color

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

#131496
```
#131496 rgb(19,20,150)
```
#1d1396
```
#1d1396 rgb(29,19,150)
```
#281396
```
#281396 rgb(40,19,150)
```
#331396
```
#331396 rgb(51,19,150)
```
#3e1396
```
#3e1396 rgb(62,19,150)
```
#491396
```
#491396 rgb(73,19,150)
```
#541396
```
#541396 rgb(84,19,150)
```

Similar Colors

Text with hexadecimal color #331396

This text has a font color of #331396.

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

#331396 background color

This paragraph has a background color of #331396.

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

#331396 border color

This element has a border color of #331396.

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

CSS codes

.text {color:#331396;}

.background {background-color:#331396;}

.border {border:1px solid #331396;}

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, #04010b is the darkest color, while #faf8fe is the lightest one.

#04010b
```
#04010b rgb(4,1,11)
```
#0a041c
```
#0a041c rgb(10,4,28)
```
#0f062e
```
#0f062e rgb(15,6,46)
```
#15083f
```
#15083f rgb(21,8,63)
```
#1b0a50
```
#1b0a50 rgb(27,10,80)
```
#210c62
```
#210c62 rgb(33,12,98)
```
#270f73
```
#270f73 rgb(39,15,115)
```
#2d1185
```
#2d1185 rgb(45,17,133)
```
#331396
```
#331396 rgb(51,19,150)
```
#3915a7
```
#3915a7 rgb(57,21,167)
```
#3f17b9
```
#3f17b9 rgb(63,23,185)
```
#451aca
```
#451aca rgb(69,26,202)
```
#4b1cdc
```
#4b1cdc rgb(75,28,220)
```

Shade Color Variation

#5527e4
```
#5527e4 rgb(85,39,228)
```
#6339e6
```
#6339e6 rgb(99,57,230)
```
#714ae8
```
#714ae8 rgb(113,74,232)
```
#7e5cea
```
#7e5cea rgb(126,92,234)
```
#8c6ded
```
#8c6ded rgb(140,109,237)
```
#9a7eef
```
#9a7eef rgb(154,126,239)
```
#a890f1
```
#a890f1 rgb(168,144,241)
```
#b5a1f3
```
#b5a1f3 rgb(181,161,243)
```
#c3b3f5
```
#c3b3f5 rgb(195,179,245)
```
#d1c4f8
```
#d1c4f8 rgb(209,196,248)
```
#ded5fa
```
#ded5fa rgb(222,213,250)
```
#ece7fc
```
#ece7fc rgb(236,231,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#545455
```
#545455 rgb(84,84,85)
```
#514e5c
```
#514e5c rgb(81,78,92)
```
#4e4762
```
#4e4762 rgb(78,71,98)
```
#4a4169
```
#4a4169 rgb(74,65,105)
```
#473a6f
```
#473a6f rgb(71,58,111)
```
#443476
```
#443476 rgb(68,52,118)
```
#402d7c
```
#402d7c rgb(64,45,124)
```
#3d2783
```
#3d2783 rgb(61,39,131)
```
#3a2089
```
#3a2089 rgb(58,32,137)
```
#361a90
```
#361a90 rgb(54,26,144)
```
#331396
```
#331396 rgb(51,19,150)
```
#300d9d
```
#300d9d rgb(48,13,157)
```
#2c06a3
```
#2c06a3 rgb(44,6,163)
```

Tone Color Variation

Below, you can see how #331396 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
#2d2741 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#003f65 Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

#122d81 Protanomaly 1% of men, 0.01% of women
#122f77 Deuteranomaly 6% of men, 0.4% of women
#123264 Tritanomaly 0.01% of the population

#331396 hex color

#331396 Color Information

#331396 Color Conversion

Color Schemes with #331396

Alternatives to #331396

#331396 Preview

Shades and Tints of #331396

Tones of #331396

Color Blindness Simulator