#2d396b hex color

In a RGB color space, hex #2d396b is composed of 17.6% red, 22.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 46.7% magenta, 0% yellow and 58% black. It has a hue angle of 228.4 degrees, a saturation of 40.8% and a lightness of 29.8%. #2d396b color hex could be obtained by blending #5a72d6 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

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

The hexadecimal color #2d396b has RGB values of R:45, G:57, B:107 and CMYK values of C:0.58, M:0.47, Y:0, K:0.58. Its decimal value is 2963819.

Hex triplet	2d396b	`#2d396b`
RGB Decimal	45, 57, 107	`rgb(45,57,107)`
RGB Percent	17.6, 22.4, 42	`rgb(17.6%,22.4%,42%)`
CMYK	58, 47, 0, 58
HSL	228.4°, 40.8, 29.8	`hsl(228.4,40.8%,29.8%)`
HSV (or HSB)	228.4°, 57.9, 42
Web Safe	333366	`#333366`

CIE-LAB	25.398, 11.354, -30.786
XYZ	5.199, 4.545, 14.513
xyY	0.214, 0.187, 4.545
CIE-LCH	25.398, 32.813, 290.245
CIE-LUV	25.398, -6.599, -39.107
Hunter-Lab	21.32, 6.215, -25.435
Binary	00101101, 00111001, 01101011

#2d396b
```
#2d396b rgb(45,57,107)
```
#6b5f2d
```
#6b5f2d rgb(107,95,45)
```

Complementary Color

#2d586b
```
#2d586b rgb(45,88,107)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#402d6b
```
#402d6b rgb(64,45,107)
```

Analogous Color

#586b2d
```
#586b2d rgb(88,107,45)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#6b402d
```
#6b402d rgb(107,64,45)
```

Split Complementary Color

#396b2d
```
#396b2d rgb(57,107,45)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#6b2d39
```
#6b2d39 rgb(107,45,57)
```

Triadic Color

#2d6b5f
```
#2d6b5f rgb(45,107,95)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#6b2d39
```
#6b2d39 rgb(107,45,57)
```
#6b5f2d
```
#6b5f2d rgb(107,95,45)
```

Tetradic Color

#161c35
```
#161c35 rgb(22,28,53)
```
#1e2647
```
#1e2647 rgb(30,38,71)
```
#252f59
```
#252f59 rgb(37,47,89)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#35437d
```
#35437d rgb(53,67,125)
```
#3c4c8f
```
#3c4c8f rgb(60,76,143)
```
#4456a1
```
#4456a1 rgb(68,86,161)
```

Monochromatic Color

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

#2d496b
```
#2d496b rgb(45,73,107)
```
#2d436b
```
#2d436b rgb(45,67,107)
```
#2d3e6b
```
#2d3e6b rgb(45,62,107)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#2d346b
```
#2d346b rgb(45,52,107)
```
#2d2f6b
```
#2d2f6b rgb(45,47,107)
```
#312d6b
```
#312d6b rgb(49,45,107)
```

Similar Colors

Text with hexadecimal color #2d396b

This text has a font color of #2d396b.

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

#2d396b background color

This paragraph has a background color of #2d396b.

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

#2d396b border color

This element has a border color of #2d396b.

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

CSS codes

.text {color:#2d396b;}

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

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

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

#04060a
```
#04060a rgb(4,6,10)
```
#0a0d18
```
#0a0d18 rgb(10,13,24)
```
#101426
```
#101426 rgb(16,20,38)
```
#161c34
```
#161c34 rgb(22,28,52)
```
#1c2342
```
#1c2342 rgb(28,35,66)
```
#212a4f
```
#212a4f rgb(33,42,79)
```
#27325d
```
#27325d rgb(39,50,93)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#334079
```
#334079 rgb(51,64,121)
```
#394887
```
#394887 rgb(57,72,135)
```
#3e4f94
```
#3e4f94 rgb(62,79,148)
```
#4456a2
```
#4456a2 rgb(68,86,162)
```
#4a5eb0
```
#4a5eb0 rgb(74,94,176)
```

Shade Color Variation

#5669b8
```
#5669b8 rgb(86,105,184)
```
#6475be
```
#6475be rgb(100,117,190)
```
#7181c3
```
#7181c3 rgb(113,129,195)
```
#7f8ec9
```
#7f8ec9 rgb(127,142,201)
```
#8d9acf
```
#8d9acf rgb(141,154,207)
```
#9ba6d5
```
#9ba6d5 rgb(155,166,213)
```
#a9b2db
```
#a9b2db rgb(169,178,219)
```
#b6bfe1
```
#b6bfe1 rgb(182,191,225)
```
#c4cbe6
```
#c4cbe6 rgb(196,203,230)
```
#d2d7ec
```
#d2d7ec rgb(210,215,236)
```
#e0e3f2
```
#e0e3f2 rgb(224,227,242)
```
#eef0f8
```
#eef0f8 rgb(238,240,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#4a4b4e
```
#4a4b4e rgb(74,75,78)
```
#444754
```
#444754 rgb(68,71,84)
```
#3f4459
```
#3f4459 rgb(63,68,89)
```
#39405f
```
#39405f rgb(57,64,95)
```
#333d65
```
#333d65 rgb(51,61,101)
```
#2d396b
```
#2d396b rgb(45,57,107)
```
#273571
```
#273571 rgb(39,53,113)
```
#213277
```
#213277 rgb(33,50,119)
```
#1b2e7d
```
#1b2e7d rgb(27,46,125)
```
#162b82
```
#162b82 rgb(22,43,130)
```
#102788
```
#102788 rgb(16,39,136)
```
#0a248e
```
#0a248e rgb(10,36,142)
```
#042094
```
#042094 rgb(4,32,148)
```

Tone Color Variation

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

Dichromacy

#2f4473 Protanopia 1% of men
#244671 Deuteranopia 1% of men
#274b50 Tritanopia 0.001% of the population

Trichromacy

#2e4070 Protanomaly 1% of men, 0.01% of women
#27416e Deuteranomaly 6% of men, 0.4% of women
#29445a Tritanomaly 0.01% of the population

#2d396b hex color

#2d396b Color Information

#2d396b Color Conversion

Color Schemes with #2d396b

Alternatives to #2d396b

#2d396b Preview

Shades and Tints of #2d396b

Tones of #2d396b

Color Blindness Simulator