colorhexa.com

#331d77 hex color

In a RGB color space, hex #331d77 is composed of 20% red, 11.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 75.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 254.7 degrees, a saturation of 60.8% and a lightness of 29%. #331d77 color hex could be obtained by blending #663aee with #000000. Closest websafe color is: #333366.

- R 20
- G 11
- B 47
RGB color chart
- C 57
- M 76
- Y 0
- K 53
CMYK color chart

● #331d77 color description : Dark blue.

The hexadecimal color #331d77 has RGB values of R:51, G:29, B:119 and CMYK values of C:0.57, M:0.76, Y:0, K:0.53. Its decimal value is 3349879.

Hex triplet	331d77	`#331d77`
RGB Decimal	51, 29, 119	`rgb(51,29,119)`
RGB Percent	20, 11.4, 46.7	`rgb(20%,11.4%,46.7%)`
CMYK	57, 76, 0, 53
HSL	254.7°, 60.8, 29	`hsl(254.7,60.8%,29%)`
HSV (or HSB)	254.7°, 75.6, 46.7
Web Safe	333366	`#333366`

CIE-LAB	19.697, 35.135, -47.695
XYZ	5.134, 2.914, 17.744
xyY	0.199, 0.113, 2.914
CIE-LCH	19.697, 59.239, 306.377
CIE-LUV	19.697, 0.852, -54.13
Hunter-Lab	17.071, 23.804, -49.675
Binary	00110011, 00011101, 01110111

#331d77
```
#331d77 rgb(51,29,119)
```
#61771d
```
#61771d rgb(97,119,29)
```

Complementary Color

#1d3477
```
#1d3477 rgb(29,52,119)
```
#331d77
```
#331d77 rgb(51,29,119)
```
#601d77
```
#601d77 rgb(96,29,119)
```

Analogous Color

#34771d
```
#34771d rgb(52,119,29)
```
#331d77
```
#331d77 rgb(51,29,119)
```
#77601d
```
#77601d rgb(119,96,29)
```

Split Complementary Color

#1d7733
```
#1d7733 rgb(29,119,51)
```
#331d77
```
#331d77 rgb(51,29,119)
```
#77331d
```
#77331d rgb(119,51,29)
```

Triadic Color

#190e39
```
#190e39 rgb(25,14,57)
```
#21134e
```
#21134e rgb(33,19,78)
```
#2a1862
```
#2a1862 rgb(42,24,98)
```
#331d77
```
#331d77 rgb(51,29,119)
```
#3c228c
```
#3c228c rgb(60,34,140)
```
#4527a0
```
#4527a0 rgb(69,39,160)
```
#4d2cb5
```
#4d2cb5 rgb(77,44,181)
```

Monochromatic Color

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

#1d1e77
```
#1d1e77 rgb(29,30,119)
```
#241d77
```
#241d77 rgb(36,29,119)
```
#2c1d77
```
#2c1d77 rgb(44,29,119)
```
#331d77
```
#331d77 rgb(51,29,119)
```
#3b1d77
```
#3b1d77 rgb(59,29,119)
```
#421d77
```
#421d77 rgb(66,29,119)
```
#491d77
```
#491d77 rgb(73,29,119)
```

Similar Colors

Text with hexadecimal color #331d77

This text has a font color of #331d77.

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

#331d77 background color

This paragraph has a background color of #331d77.

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

#331d77 border color

This element has a border color of #331d77.

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

CSS codes

.text {color:#331d77;}

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

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

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

#040209
```
#040209 rgb(4,2,9)
```
#0a0618
```
#0a0618 rgb(10,6,24)
```
#110a28
```
#110a28 rgb(17,10,40)
```
#180e38
```
#180e38 rgb(24,14,56)
```
#1f1148
```
#1f1148 rgb(31,17,72)
```
#251557
```
#251557 rgb(37,21,87)
```
#2c1967
```
#2c1967 rgb(44,25,103)
```
#331d77
```
#331d77 rgb(51,29,119)
```
#3a2187
```
#3a2187 rgb(58,33,135)
```
#412597
```
#412597 rgb(65,37,151)
```
#4729a6
```
#4729a6 rgb(71,41,166)
```
#4e2cb6
```
#4e2cb6 rgb(78,44,182)
```
#5530c6
```
#5530c6 rgb(85,48,198)
```

Shade Color Variation

#5f3bcf
```
#5f3bcf rgb(95,59,207)
```
#6c4ad3
```
#6c4ad3 rgb(108,74,211)
```
#795ad7
```
#795ad7 rgb(121,90,215)
```
#856adb
```
#856adb rgb(133,106,219)
```
#927adf
```
#927adf rgb(146,122,223)
```
#9f89e2
```
#9f89e2 rgb(159,137,226)
```
#ac99e6
```
#ac99e6 rgb(172,153,230)
```
#b9a9ea
```
#b9a9ea rgb(185,169,234)
```
#c6b9ee
```
#c6b9ee rgb(198,185,238)
```
#d3c9f2
```
#d3c9f2 rgb(211,201,242)
```
#dfd8f6
```
#dfd8f6 rgb(223,216,246)
```
#ece8f9
```
#ece8f9 rgb(236,232,249)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#47454f
```
#47454f rgb(71,69,79)
```
#443f55
```
#443f55 rgb(68,63,85)
```
#42395b
```
#42395b rgb(66,57,91)
```
#3f3460
```
#3f3460 rgb(63,52,96)
```
#3c2e66
```
#3c2e66 rgb(60,46,102)
```
#39286c
```
#39286c rgb(57,40,108)
```
#362371
```
#362371 rgb(54,35,113)
```
#331d77
```
#331d77 rgb(51,29,119)
```
#30177d
```
#30177d rgb(48,23,125)
```
#2d1282
```
#2d1282 rgb(45,18,130)
```
#2a0c88
```
#2a0c88 rgb(42,12,136)
```
#27068e
```
#27068e rgb(39,6,142)
```
#240193
```
#240193 rgb(36,1,147)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2b3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003b60 Deuteranopia 1% of men
#213e43 Tritanopia 0.001% of the population

Trichromacy

#122e71 Protanomaly 1% of men, 0.01% of women
#123068 Deuteranomaly 6% of men, 0.4% of women
#283255 Tritanomaly 0.01% of the population