#2d386d hex color

In a RGB color space, hex #2d386d is composed of 17.6% red, 22% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 48.6% magenta, 0% yellow and 57.3% black. It has a hue angle of 229.7 degrees, a saturation of 41.6% and a lightness of 30.2%. #2d386d color hex could be obtained by blending #5a70da with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 43
RGB color chart
- C 59
- M 49
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #2d386d has RGB values of R:45, G:56, B:109 and CMYK values of C:0.59, M:0.49, Y:0, K:0.57. Its decimal value is 2963565.

Hex triplet	2d386d	`#2d386d`
RGB Decimal	45, 56, 109	`rgb(45,56,109)`
RGB Percent	17.6, 22, 42.7	`rgb(17.6%,22%,42.7%)`
CMYK	59, 49, 0, 57
HSL	229.7°, 41.6, 30.2	`hsl(229.7,41.6%,30.2%)`
HSV (or HSB)	229.7°, 58.7, 42.7
Web Safe	333366	`#333366`

CIE-LAB	25.23, 12.778, -32.338
XYZ	5.256, 4.49, 15.057
xyY	0.212, 0.181, 4.49
CIE-LCH	25.23, 34.771, 291.561
CIE-LUV	25.23, -6.341, -41.072
Hunter-Lab	21.19, 7.194, -27.297
Binary	00101101, 00111000, 01101101

#2d386d
```
#2d386d rgb(45,56,109)
```
#6d622d
```
#6d622d rgb(109,98,45)
```

Complementary Color

#2d586d
```
#2d586d rgb(45,88,109)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#422d6d
```
#422d6d rgb(66,45,109)
```

Analogous Color

#586d2d
```
#586d2d rgb(88,109,45)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#6d422d
```
#6d422d rgb(109,66,45)
```

Split Complementary Color

#386d2d
```
#386d2d rgb(56,109,45)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#6d2d38
```
#6d2d38 rgb(109,45,56)
```

Triadic Color

#2d6d62
```
#2d6d62 rgb(45,109,98)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#6d2d38
```
#6d2d38 rgb(109,45,56)
```
#6d622d
```
#6d622d rgb(109,98,45)
```

Tetradic Color

#171c37
```
#171c37 rgb(23,28,55)
```
#1e2549
```
#1e2549 rgb(30,37,73)
```
#262f5b
```
#262f5b rgb(38,47,91)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#34417f
```
#34417f rgb(52,65,127)
```
#3c4b91
```
#3c4b91 rgb(60,75,145)
```
#4354a3
```
#4354a3 rgb(67,84,163)
```

Monochromatic Color

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

#2d486d
```
#2d486d rgb(45,72,109)
```
#2d436d
```
#2d436d rgb(45,67,109)
```
#2d3d6d
```
#2d3d6d rgb(45,61,109)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#2d336d
```
#2d336d rgb(45,51,109)
```
#2d2d6d
```
#2d2d6d rgb(45,45,109)
```
#322d6d
```
#322d6d rgb(50,45,109)
```

Similar Colors

Text with hexadecimal color #2d386d

This text has a font color of #2d386d.

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

#2d386d background color

This paragraph has a background color of #2d386d.

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

#2d386d border color

This element has a border color of #2d386d.

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

CSS codes

.text {color:#2d386d;}

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

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

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, #05060c is the darkest color, while #fdfdfe is the lightest one.

#05060c
```
#05060c rgb(5,6,12)
```
#0b0d1a
```
#0b0d1a rgb(11,13,26)
```
#101428
```
#101428 rgb(16,20,40)
```
#161b35
```
#161b35 rgb(22,27,53)
```
#1c2343
```
#1c2343 rgb(28,35,67)
```
#222a51
```
#222a51 rgb(34,42,81)
```
#27315f
```
#27315f rgb(39,49,95)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#333f7b
```
#333f7b rgb(51,63,123)
```
#384689
```
#384689 rgb(56,70,137)
```
#3e4d97
```
#3e4d97 rgb(62,77,151)
```
#4455a5
```
#4455a5 rgb(68,85,165)
```
#4a5cb2
```
#4a5cb2 rgb(74,92,178)
```

Shade Color Variation

#5667b9
```
#5667b9 rgb(86,103,185)
```
#6474bf
```
#6474bf rgb(100,116,191)
```
#7280c5
```
#7280c5 rgb(114,128,197)
```
#808dcb
```
#808dcb rgb(128,141,203)
```
#8e99d0
```
#8e99d0 rgb(142,153,208)
```
#9ca6d6
```
#9ca6d6 rgb(156,166,214)
```
#aab2dc
```
#aab2dc rgb(170,178,220)
```
#b8bfe1
```
#b8bfe1 rgb(184,191,225)
```
#c5cbe7
```
#c5cbe7 rgb(197,203,231)
```
#d3d8ed
```
#d3d8ed rgb(211,216,237)
```
#e1e4f3
```
#e1e4f3 rgb(225,228,243)
```
#eff1f8
```
#eff1f8 rgb(239,241,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4b4b4f
```
#4b4b4f rgb(75,75,79)
```
#454855
```
#454855 rgb(69,72,85)
```
#3f445b
```
#3f445b rgb(63,68,91)
```
#394061
```
#394061 rgb(57,64,97)
```
#333c67
```
#333c67 rgb(51,60,103)
```
#2d386d
```
#2d386d rgb(45,56,109)
```
#273473
```
#273473 rgb(39,52,115)
```
#213079
```
#213079 rgb(33,48,121)
```
#1b2c7f
```
#1b2c7f rgb(27,44,127)
```
#152885
```
#152885 rgb(21,40,133)
```
#0f258b
```
#0f258b rgb(15,37,139)
```
#092191
```
#092191 rgb(9,33,145)
```
#041d96
```
#041d96 rgb(4,29,150)
```

Tone Color Variation

Below, you can see how #2d386d 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
#383a45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4476 Protanopia 1% of men
#1e4672 Deuteranopia 1% of men
#264b50 Tritanopia 0.001% of the population

Trichromacy

#2c3f72 Protanomaly 1% of men, 0.01% of women
#234170 Deuteranomaly 6% of men, 0.4% of women
#28445a Tritanomaly 0.01% of the population

#2d386d hex color

#2d386d Color Information

#2d386d Color Conversion

Color Schemes with #2d386d

Alternatives to #2d386d

#2d386d Preview

Shades and Tints of #2d386d

Tones of #2d386d

Color Blindness Simulator