#2d3774 hex color

In a RGB color space, hex #2d3774 is composed of 17.6% red, 21.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 52.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 231.5 degrees, a saturation of 44.1% and a lightness of 31.6%. #2d3774 color hex could be obtained by blending #5a6ee8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 45
RGB color chart
- C 61
- M 53
- Y 0
- K 55
CMYK color chart

● #2d3774 color description : Dark moderate blue.

The hexadecimal color #2d3774 has RGB values of R:45, G:55, B:116 and CMYK values of C:0.61, M:0.53, Y:0, K:0.55. Its decimal value is 2963316.

Hex triplet	2d3774	`#2d3774`
RGB Decimal	45, 55, 116	`rgb(45,55,116)`
RGB Percent	17.6, 21.6, 45.5	`rgb(17.6%,21.6%,45.5%)`
CMYK	61, 53, 0, 55
HSL	231.5°, 44.1, 31.6	`hsl(231.5,44.1%,31.6%)`
HSV (or HSB)	231.5°, 61.2, 45.5
Web Safe	333366	`#333366`

CIE-LAB	25.415, 16.048, -36.511
XYZ	5.6, 4.551, 17.105
xyY	0.205, 0.167, 4.551
CIE-LCH	25.415, 39.882, 293.727
CIE-LUV	25.415, -6.243, -46.632
Hunter-Lab	21.333, 9.525, -32.607
Binary	00101101, 00110111, 01110100

#2d3774
```
#2d3774 rgb(45,55,116)
```
#746a2d
```
#746a2d rgb(116,106,45)
```

Complementary Color

#2d5b74
```
#2d5b74 rgb(45,91,116)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#472d74
```
#472d74 rgb(71,45,116)
```

Analogous Color

#5b742d
```
#5b742d rgb(91,116,45)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#74472d
```
#74472d rgb(116,71,45)
```

Split Complementary Color

#37742d
```
#37742d rgb(55,116,45)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#742d37
```
#742d37 rgb(116,45,55)
```

Triadic Color

#2d746a
```
#2d746a rgb(45,116,106)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#742d37
```
#742d37 rgb(116,45,55)
```
#746a2d
```
#746a2d rgb(116,106,45)
```

Tetradic Color

#181d3d
```
#181d3d rgb(24,29,61)
```
#1f264f
```
#1f264f rgb(31,38,79)
```
#262e62
```
#262e62 rgb(38,46,98)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#344086
```
#344086 rgb(52,64,134)
```
#3b4899
```
#3b4899 rgb(59,72,153)
```
#4251ab
```
#4251ab rgb(66,81,171)
```

Monochromatic Color

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

#2d4974
```
#2d4974 rgb(45,73,116)
```
#2d4374
```
#2d4374 rgb(45,67,116)
```
#2d3d74
```
#2d3d74 rgb(45,61,116)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#2d3174
```
#2d3174 rgb(45,49,116)
```
#2f2d74
```
#2f2d74 rgb(47,45,116)
```
#352d74
```
#352d74 rgb(53,45,116)
```

Similar Colors

Text with hexadecimal color #2d3774

This text has a font color of #2d3774.

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

#2d3774 background color

This paragraph has a background color of #2d3774.

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

#2d3774 border color

This element has a border color of #2d3774.

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

CSS codes

.text {color:#2d3774;}

.background {background-color:#2d3774;}

.border {border:1px solid #2d3774;}

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

#010103
```
#010103 rgb(1,1,3)
```
#070811
```
#070811 rgb(7,8,17)
```
#0c0f1f
```
#0c0f1f rgb(12,15,31)
```
#12152d
```
#12152d rgb(18,21,45)
```
#171c3b
```
#171c3b rgb(23,28,59)
```
#1d234a
```
#1d234a rgb(29,35,74)
```
#222a58
```
#222a58 rgb(34,42,88)
```
#283066
```
#283066 rgb(40,48,102)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#323e82
```
#323e82 rgb(50,62,130)
```
#384490
```
#384490 rgb(56,68,144)
```
#3d4b9e
```
#3d4b9e rgb(61,75,158)
```
#4352ad
```
#4352ad rgb(67,82,173)
```

Shade Color Variation

#4a5ab9
```
#4a5ab9 rgb(74,90,185)
```
#5867be
```
#5867be rgb(88,103,190)
```
#6674c4
```
#6674c4 rgb(102,116,196)
```
#7581c9
```
#7581c9 rgb(117,129,201)
```
#838dcf
```
#838dcf rgb(131,141,207)
```
#919ad4
```
#919ad4 rgb(145,154,212)
```
#9fa7da
```
#9fa7da rgb(159,167,218)
```
#adb4df
```
#adb4df rgb(173,180,223)
```
#bbc1e5
```
#bbc1e5 rgb(187,193,229)
```
#c9ceea
```
#c9ceea rgb(201,206,234)
```
#d8dbf0
```
#d8dbf0 rgb(216,219,240)
```
#e6e8f5
```
#e6e8f5 rgb(230,232,245)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

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

#4c4d55
```
#4c4d55 rgb(76,77,85)
```
#46495b
```
#46495b rgb(70,73,91)
```
#404461
```
#404461 rgb(64,68,97)
```
#394068
```
#394068 rgb(57,64,104)
```
#333b6e
```
#333b6e rgb(51,59,110)
```
#2d3774
```
#2d3774 rgb(45,55,116)
```
#27337a
```
#27337a rgb(39,51,122)
```
#212e80
```
#212e80 rgb(33,46,128)
```
#1a2a87
```
#1a2a87 rgb(26,42,135)
```
#14258d
```
#14258d rgb(20,37,141)
```
#0e2193
```
#0e2193 rgb(14,33,147)
```
#081c99
```
#081c99 rgb(8,28,153)
```
#02189f
```
#02189f rgb(2,24,159)
```

Tone Color Variation

Below, you can see how #2d3774 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

#3b3b3b Achromatopsia 0.005% of the population
#383a46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#22447d Protanopia 1% of men
#004777 Deuteranopia 1% of men
#204c51 Tritanopia 0.001% of the population

Trichromacy

#263f7a Protanomaly 1% of men, 0.01% of women
#104176 Deuteranomaly 6% of men, 0.4% of women
#24445e Tritanomaly 0.01% of the population

#2d3774 hex color

#2d3774 Color Information

#2d3774 Color Conversion

Color Schemes with #2d3774

Alternatives to #2d3774

#2d3774 Preview

Shades and Tints of #2d3774

Tones of #2d3774

Color Blindness Simulator