#2d386a hex color

In a RGB color space, hex #2d386a is composed of 17.6% red, 22% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 47.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 229.2 degrees, a saturation of 40.4% and a lightness of 29.6%. #2d386a color hex could be obtained by blending #5a70d4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 42
RGB color chart
- C 58
- M 47
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #2d386a has RGB values of R:45, G:56, B:106 and CMYK values of C:0.58, M:0.47, Y:0, K:0.58. Its decimal value is 2963562.

Hex triplet	2d386a	`#2d386a`
RGB Decimal	45, 56, 106	`rgb(45,56,106)`
RGB Percent	17.6, 22, 41.6	`rgb(17.6%,22%,41.6%)`
CMYK	58, 47, 0, 58
HSL	229.2°, 40.4, 29.6	`hsl(229.2,40.4%,29.6%)`
HSV (or HSB)	229.2°, 57.5, 41.6
Web Safe	333366	`#333366`

CIE-LAB	25.034, 11.683, -30.724
XYZ	5.097, 4.427, 14.221
xyY	0.215, 0.186, 4.427
CIE-LCH	25.034, 32.87, 290.819
CIE-LUV	25.034, -6.26, -38.843
Hunter-Lab	21.04, 6.427, -25.347
Binary	00101101, 00111000, 01101010

#2d386a
```
#2d386a rgb(45,56,106)
```
#6a5f2d
```
#6a5f2d rgb(106,95,45)
```

Complementary Color

#2d576a
```
#2d576a rgb(45,87,106)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#412d6a
```
#412d6a rgb(65,45,106)
```

Analogous Color

#576a2d
```
#576a2d rgb(87,106,45)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#6a412d
```
#6a412d rgb(106,65,45)
```

Split Complementary Color

#386a2d
```
#386a2d rgb(56,106,45)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#6a2d38
```
#6a2d38 rgb(106,45,56)
```

Triadic Color

#2d6a5f
```
#2d6a5f rgb(45,106,95)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#6a2d38
```
#6a2d38 rgb(106,45,56)
```
#6a5f2d
```
#6a5f2d rgb(106,95,45)
```

Tetradic Color

#161c34
```
#161c34 rgb(22,28,52)
```
#1e2546
```
#1e2546 rgb(30,37,70)
```
#252f58
```
#252f58 rgb(37,47,88)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#35417c
```
#35417c rgb(53,65,124)
```
#3c4b8e
```
#3c4b8e rgb(60,75,142)
```
#4454a0
```
#4454a0 rgb(68,84,160)
```

Monochromatic Color

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

#2d476a
```
#2d476a rgb(45,71,106)
```
#2d426a
```
#2d426a rgb(45,66,106)
```
#2d3d6a
```
#2d3d6a rgb(45,61,106)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#2d336a
```
#2d336a rgb(45,51,106)
```
#2d2e6a
```
#2d2e6a rgb(45,46,106)
```
#312d6a
```
#312d6a rgb(49,45,106)
```

Similar Colors

Text with hexadecimal color #2d386a

This text has a font color of #2d386a.

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

#2d386a background color

This paragraph has a background color of #2d386a.

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

#2d386a border color

This element has a border color of #2d386a.

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

CSS codes

.text {color:#2d386a;}

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

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

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, #04050a is the darkest color, while #fbfbfd is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#0a0c17
```
#0a0c17 rgb(10,12,23)
```
#101425
```
#101425 rgb(16,20,37)
```
#161b33
```
#161b33 rgb(22,27,51)
```
#1b2241
```
#1b2241 rgb(27,34,65)
```
#21294e
```
#21294e rgb(33,41,78)
```
#27315c
```
#27315c rgb(39,49,92)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#333f78
```
#333f78 rgb(51,63,120)
```
#394786
```
#394786 rgb(57,71,134)
```
#3f4e93
```
#3f4e93 rgb(63,78,147)
```
#4455a1
```
#4455a1 rgb(68,85,161)
```
#4a5caf
```
#4a5caf rgb(74,92,175)
```

Shade Color Variation

#5667b7
```
#5667b7 rgb(86,103,183)
```
#6374bd
```
#6374bd rgb(99,116,189)
```
#7180c3
```
#7180c3 rgb(113,128,195)
```
#7f8cc9
```
#7f8cc9 rgb(127,140,201)
```
#8d99ce
```
#8d99ce rgb(141,153,206)
```
#9aa5d4
```
#9aa5d4 rgb(154,165,212)
```
#a8b1da
```
#a8b1da rgb(168,177,218)
```
#b6bee0
```
#b6bee0 rgb(182,190,224)
```
#c4cae6
```
#c4cae6 rgb(196,202,230)
```
#d2d6ec
```
#d2d6ec rgb(210,214,236)
```
#dfe3f2
```
#dfe3f2 rgb(223,227,242)
```
#edeff7
```
#edeff7 rgb(237,239,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#4a4b4d
```
#4a4b4d rgb(74,75,77)
```
#444753
```
#444753 rgb(68,71,83)
```
#3e4359
```
#3e4359 rgb(62,67,89)
```
#393f5e
```
#393f5e rgb(57,63,94)
```
#333c64
```
#333c64 rgb(51,60,100)
```
#2d386a
```
#2d386a rgb(45,56,106)
```
#273470
```
#273470 rgb(39,52,112)
```
#213176
```
#213176 rgb(33,49,118)
```
#1c2d7b
```
#1c2d7b rgb(28,45,123)
```
#162981
```
#162981 rgb(22,41,129)
```
#102587
```
#102587 rgb(16,37,135)
```
#0a228d
```
#0a228d rgb(10,34,141)
```
#041e93
```
#041e93 rgb(4,30,147)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e4473 Protanopia 1% of men
#234670 Deuteranopia 1% of men
#284a4f Tritanopia 0.001% of the population

Trichromacy

#2d3f6f Protanomaly 1% of men, 0.01% of women
#26416d Deuteranomaly 6% of men, 0.4% of women
#294359 Tritanomaly 0.01% of the population

#2d386a hex color

#2d386a Color Information

#2d386a Color Conversion

Color Schemes with #2d386a

Alternatives to #2d386a

#2d386a Preview

Shades and Tints of #2d386a

Tones of #2d386a

Color Blindness Simulator