#2d3764 hex color

In a RGB color space, hex #2d3764 is composed of 17.6% red, 21.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 45% magenta, 0% yellow and 60.8% black. It has a hue angle of 229.1 degrees, a saturation of 37.9% and a lightness of 28.4%. #2d3764 color hex could be obtained by blending #5a6ec8 with #000000. Closest websafe color is: #333366.

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

● #2d3764 color description : Very dark desaturated blue.

The hexadecimal color #2d3764 has RGB values of R:45, G:55, B:100 and CMYK values of C:0.55, M:0.45, Y:0, K:0.61. Its decimal value is 2963300.

Hex triplet	2d3764	`#2d3764`
RGB Decimal	45, 55, 100	`rgb(45,55,100)`
RGB Percent	17.6, 21.6, 39.2	`rgb(17.6%,21.6%,39.2%)`
CMYK	55, 45, 0, 61
HSL	229.1°, 37.9, 28.4	`hsl(229.1,37.9%,28.4%)`
HSV (or HSB)	229.1°, 55, 39.2
Web Safe	333366	`#333366`

CIE-LAB	24.354, 10.206, -27.932
XYZ	4.748, 4.21, 12.618
xyY	0.22, 0.195, 4.21
CIE-LCH	24.354, 29.738, 290.071
CIE-LUV	24.354, -5.778, -34.841
Hunter-Lab	20.519, 5.398, -22.098
Binary	00101101, 00110111, 01100100

#2d3764
```
#2d3764 rgb(45,55,100)
```
#645a2d
```
#645a2d rgb(100,90,45)
```

Complementary Color

#2d5364
```
#2d5364 rgb(45,83,100)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#3f2d64
```
#3f2d64 rgb(63,45,100)
```

Analogous Color

#53642d
```
#53642d rgb(83,100,45)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#643f2d
```
#643f2d rgb(100,63,45)
```

Split Complementary Color

#37642d
```
#37642d rgb(55,100,45)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#642d37
```
#642d37 rgb(100,45,55)
```

Triadic Color

#2d645a
```
#2d645a rgb(45,100,90)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#642d37
```
#642d37 rgb(100,45,55)
```
#645a2d
```
#645a2d rgb(100,90,45)
```

Tetradic Color

#151a2f
```
#151a2f rgb(21,26,47)
```
#1d2441
```
#1d2441 rgb(29,36,65)
```
#252d52
```
#252d52 rgb(37,45,82)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#354176
```
#354176 rgb(53,65,118)
```
#3d4a87
```
#3d4a87 rgb(61,74,135)
```
#455499
```
#455499 rgb(69,84,153)
```

Monochromatic Color

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

#2d4564
```
#2d4564 rgb(45,69,100)
```
#2d4064
```
#2d4064 rgb(45,64,100)
```
#2d3c64
```
#2d3c64 rgb(45,60,100)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#2d3264
```
#2d3264 rgb(45,50,100)
```
#2d2e64
```
#2d2e64 rgb(45,46,100)
```
#312d64
```
#312d64 rgb(49,45,100)
```

Similar Colors

Text with hexadecimal color #2d3764

This text has a font color of #2d3764.

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

#2d3764 background color

This paragraph has a background color of #2d3764.

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

#2d3764 border color

This element has a border color of #2d3764.

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

CSS codes

.text {color:#2d3764;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080a13
```
#080a13 rgb(8,10,19)
```
#0f1220
```
#0f1220 rgb(15,18,32)
```
#15192e
```
#15192e rgb(21,25,46)
```
#1b213b
```
#1b213b rgb(27,33,59)
```
#212849
```
#212849 rgb(33,40,73)
```
#273056
```
#273056 rgb(39,48,86)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#333e72
```
#333e72 rgb(51,62,114)
```
#39467f
```
#39467f rgb(57,70,127)
```
#3f4d8d
```
#3f4d8d rgb(63,77,141)
```
#45559a
```
#45559a rgb(69,85,154)
```
#4b5ca8
```
#4b5ca8 rgb(75,92,168)
```

Shade Color Variation

#5465b2
```
#5465b2 rgb(84,101,178)
```
#6272b8
```
#6272b8 rgb(98,114,184)
```
#6f7ebe
```
#6f7ebe rgb(111,126,190)
```
#7d8ac5
```
#7d8ac5 rgb(125,138,197)
```
#8b96cb
```
#8b96cb rgb(139,150,203)
```
#98a2d1
```
#98a2d1 rgb(152,162,209)
```
#a6afd7
```
#a6afd7 rgb(166,175,215)
```
#b3bbdd
```
#b3bbdd rgb(179,187,221)
```
#c1c7e3
```
#c1c7e3 rgb(193,199,227)
```
#ced3e9
```
#ced3e9 rgb(206,211,233)
```
#dcdfef
```
#dcdfef rgb(220,223,239)
```
#e9ebf5
```
#e9ebf5 rgb(233,235,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #43454e is the less saturated color, while #001b91 is the most saturated one.

#43454e
```
#43454e rgb(67,69,78)
```
#3e4253
```
#3e4253 rgb(62,66,83)
```
#383e59
```
#383e59 rgb(56,62,89)
```
#333b5e
```
#333b5e rgb(51,59,94)
```
#2d3764
```
#2d3764 rgb(45,55,100)
```
#27336a
```
#27336a rgb(39,51,106)
```
#22306f
```
#22306f rgb(34,48,111)
```
#1c2c75
```
#1c2c75 rgb(28,44,117)
```
#17297a
```
#17297a rgb(23,41,122)
```
#112580
```
#112580 rgb(17,37,128)
```
#0c2285
```
#0c2285 rgb(12,34,133)
```
#061e8b
```
#061e8b rgb(6,30,139)
```
#001b91
```
#001b91 rgb(0,27,145)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373942 Atypical Achromatopsia 0.001% of the population

Dichromacy

#30426d Protanopia 1% of men
#29446a Deuteranopia 1% of men
#2b484d Tritanopia 0.001% of the population

Trichromacy

#2f3e69 Protanomaly 1% of men, 0.01% of women
#2a3f68 Deuteranomaly 6% of men, 0.4% of women
#2b4255 Tritanomaly 0.01% of the population

#2d3764 hex color

#2d3764 Color Information

#2d3764 Color Conversion

Color Schemes with #2d3764

Alternatives to #2d3764

#2d3764 Preview

Shades and Tints of #2d3764

Tones of #2d3764

Color Blindness Simulator