#331d88 hex color

In a RGB color space, hex #331d88 is composed of 20% red, 11.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 78.7% magenta, 0% yellow and 46.7% black. It has a hue angle of 252.3 degrees, a saturation of 64.8% and a lightness of 32.4%. #331d88 color hex could be obtained by blending #663aff with #000011. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 11
- B 53
RGB color chart
- C 63
- M 79
- Y 0
- K 47
CMYK color chart

● #331d88 color description : Dark blue.

The hexadecimal color #331d88 has RGB values of R:51, G:29, B:136 and CMYK values of C:0.63, M:0.79, Y:0, K:0.47. Its decimal value is 3349896.

Hex triplet	331d88	`#331d88`
RGB Decimal	51, 29, 136	`rgb(51,29,136)`
RGB Percent	20, 11.4, 53.3	`rgb(20%,11.4%,53.3%)`
CMYK	63, 79, 0, 47
HSL	252.3°, 64.8, 32.4	`hsl(252.3,64.8%,32.4%)`
HSV (or HSB)	252.3°, 78.7, 53.3
Web Safe	333399	`#333399`

CIE-LAB	21.431, 40.448, -55.619
XYZ	6.248, 3.36, 23.611
xyY	0.188, 0.101, 3.36
CIE-LCH	21.431, 68.772, 306.026
CIE-LUV	21.431, -0.501, -64.393
Hunter-Lab	18.33, 28.763, -63.539
Binary	00110011, 00011101, 10001000

#331d88
```
#331d88 rgb(51,29,136)
```
#72881d
```
#72881d rgb(114,136,29)
```

Complementary Color

#1d3d88
```
#1d3d88 rgb(29,61,136)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#691d88
```
#691d88 rgb(105,29,136)
```

Analogous Color

#3d881d
```
#3d881d rgb(61,136,29)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#88691d
```
#88691d rgb(136,105,29)
```

Split Complementary Color

#1d8833
```
#1d8833 rgb(29,136,51)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#88331d
```
#88331d rgb(136,51,29)
```

Triadic Color

#1d7288
```
#1d7288 rgb(29,114,136)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#88331d
```
#88331d rgb(136,51,29)
```
#72881d
```
#72881d rgb(114,136,29)
```

Tetradic Color

#1b1049
```
#1b1049 rgb(27,16,73)
```
#23145e
```
#23145e rgb(35,20,94)
```
#2b1973
```
#2b1973 rgb(43,25,115)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#3b219d
```
#3b219d rgb(59,33,157)
```
#4326b2
```
#4326b2 rgb(67,38,178)
```
#4b2ac7
```
#4b2ac7 rgb(75,42,199)
```

Monochromatic Color

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

#1d2288
```
#1d2288 rgb(29,34,136)
```
#211d88
```
#211d88 rgb(33,29,136)
```
#2a1d88
```
#2a1d88 rgb(42,29,136)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#3c1d88
```
#3c1d88 rgb(60,29,136)
```
#451d88
```
#451d88 rgb(69,29,136)
```
#4e1d88
```
#4e1d88 rgb(78,29,136)
```

Similar Colors

Text with hexadecimal color #331d88

This text has a font color of #331d88.

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

#331d88 background color

This paragraph has a background color of #331d88.

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

#331d88 border color

This element has a border color of #331d88.

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

CSS codes

.text {color:#331d88;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#090517
```
#090517 rgb(9,5,23)
```
#0f0827
```
#0f0827 rgb(15,8,39)
```
#150c37
```
#150c37 rgb(21,12,55)
```
#1b0f47
```
#1b0f47 rgb(27,15,71)
```
#211357
```
#211357 rgb(33,19,87)
```
#271668
```
#271668 rgb(39,22,104)
```
#2d1a78
```
#2d1a78 rgb(45,26,120)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#392098
```
#392098 rgb(57,32,152)
```
#3f24a8
```
#3f24a8 rgb(63,36,168)
```
#4527b9
```
#4527b9 rgb(69,39,185)
```
#4b2bc9
```
#4b2bc9 rgb(75,43,201)
```

Shade Color Variation

#5433d4
```
#5433d4 rgb(84,51,212)
```
#6244d7
```
#6244d7 rgb(98,68,215)
```
#7054da
```
#7054da rgb(112,84,218)
```
#7d64de
```
#7d64de rgb(125,100,222)
```
#8b74e1
```
#8b74e1 rgb(139,116,225)
```
#9884e5
```
#9884e5 rgb(152,132,229)
```
#a694e8
```
#a694e8 rgb(166,148,232)
```
#b3a5ec
```
#b3a5ec rgb(179,165,236)
```
#c1b5ef
```
#c1b5ef rgb(193,181,239)
```
#cec5f3
```
#cec5f3 rgb(206,197,243)
```
#dcd5f6
```
#dcd5f6 rgb(220,213,246)
```
#e9e5fa
```
#e9e5fa rgb(233,229,250)
```
#f7f5fd
```
#f7f5fd rgb(247,245,253)
```

Tint Color Variation

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

#515055
```
#515055 rgb(81,80,85)
```
#4d495c
```
#4d495c rgb(77,73,92)
```
#494362
```
#494362 rgb(73,67,98)
```
#463d68
```
#463d68 rgb(70,61,104)
```
#42366f
```
#42366f rgb(66,54,111)
```
#3e3075
```
#3e3075 rgb(62,48,117)
```
#3a2a7b
```
#3a2a7b rgb(58,42,123)
```
#372382
```
#372382 rgb(55,35,130)
```
#331d88
```
#331d88 rgb(51,29,136)
```
#2f178e
```
#2f178e rgb(47,23,142)
```
#2c1095
```
#2c1095 rgb(44,16,149)
```
#280a9b
```
#280a9b rgb(40,10,155)
```
#2404a1
```
#2404a1 rgb(36,4,161)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#312c42 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

#12307c Protanomaly 1% of men, 0.01% of women
#123372 Deuteranomaly 6% of men, 0.4% of women
#12355f Tritanomaly 0.01% of the population

#331d88 hex color

#331d88 Color Information

#331d88 Color Conversion

Color Schemes with #331d88

Alternatives to #331d88

#331d88 Preview

Shades and Tints of #331d88

Tones of #331d88

Color Blindness Simulator