#2d3e6a hex color

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

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

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

The hexadecimal color #2d3e6a has RGB values of R:45, G:62, B:106 and CMYK values of C:0.58, M:0.42, Y:0, K:0.58. Its decimal value is 2965098.

Hex triplet	2d3e6a	`#2d3e6a`
RGB Decimal	45, 62, 106	`rgb(45,62,106)`
RGB Percent	17.6, 24.3, 41.6	`rgb(17.6%,24.3%,41.6%)`
CMYK	58, 42, 0, 58
HSL	223.3°, 40.4, 29.6	`hsl(223.3,40.4%,29.6%)`
HSV (or HSB)	223.3°, 57.5, 41.6
Web Safe	333366	`#333366`

CIE-LAB	26.858, 7.55, -27.823
XYZ	5.406, 5.043, 14.324
xyY	0.218, 0.204, 5.043
CIE-LCH	26.858, 28.829, 285.182
CIE-LUV	26.858, -8.205, -35.74
Hunter-Lab	22.458, 3.666, -22.095
Binary	00101101, 00111110, 01101010

#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#6a592d
```
#6a592d rgb(106,89,45)
```

Complementary Color

#2d5d6a
```
#2d5d6a rgb(45,93,106)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#3b2d6a
```
#3b2d6a rgb(59,45,106)
```

Analogous Color

#5d6a2d
```
#5d6a2d rgb(93,106,45)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#6a3b2d
```
#6a3b2d rgb(106,59,45)
```

Split Complementary Color

#3e6a2d
```
#3e6a2d rgb(62,106,45)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#6a2d3e
```
#6a2d3e rgb(106,45,62)
```

Triadic Color

#2d6a59
```
#2d6a59 rgb(45,106,89)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#6a2d3e
```
#6a2d3e rgb(106,45,62)
```
#6a592d
```
#6a592d rgb(106,89,45)
```

Tetradic Color

#161f34
```
#161f34 rgb(22,31,52)
```
#1e2946
```
#1e2946 rgb(30,41,70)
```
#253458
```
#253458 rgb(37,52,88)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#35487c
```
#35487c rgb(53,72,124)
```
#3c538e
```
#3c538e rgb(60,83,142)
```
#445da0
```
#445da0 rgb(68,93,160)
```

Monochromatic Color

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

#2d4d6a
```
#2d4d6a rgb(45,77,106)
```
#2d486a
```
#2d486a rgb(45,72,106)
```
#2d436a
```
#2d436a rgb(45,67,106)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#2d396a
```
#2d396a rgb(45,57,106)
```
#2d346a
```
#2d346a rgb(45,52,106)
```
#2d2f6a
```
#2d2f6a rgb(45,47,106)
```

Similar Colors

Text with hexadecimal color #2d3e6a

This text has a font color of #2d3e6a.

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

#2d3e6a background color

This paragraph has a background color of #2d3e6a.

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

#2d3e6a border color

This element has a border color of #2d3e6a.

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

CSS codes

.text {color:#2d3e6a;}

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

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

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 #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#0a0e17
```
#0a0e17 rgb(10,14,23)
```
#101625
```
#101625 rgb(16,22,37)
```
#161e33
```
#161e33 rgb(22,30,51)
```
#1b2641
```
#1b2641 rgb(27,38,65)
```
#212e4e
```
#212e4e rgb(33,46,78)
```
#27365c
```
#27365c rgb(39,54,92)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#334678
```
#334678 rgb(51,70,120)
```
#394e86
```
#394e86 rgb(57,78,134)
```
#3f5693
```
#3f5693 rgb(63,86,147)
```
#445ea1
```
#445ea1 rgb(68,94,161)
```
#4a66af
```
#4a66af rgb(74,102,175)
```

Shade Color Variation

#5671b7
```
#5671b7 rgb(86,113,183)
```
#637cbd
```
#637cbd rgb(99,124,189)
```
#7188c3
```
#7188c3 rgb(113,136,195)
```
#7f93c9
```
#7f93c9 rgb(127,147,201)
```
#8d9fce
```
#8d9fce rgb(141,159,206)
```
#9aabd4
```
#9aabd4 rgb(154,171,212)
```
#a8b6da
```
#a8b6da rgb(168,182,218)
```
#b6c2e0
```
#b6c2e0 rgb(182,194,224)
```
#c4cde6
```
#c4cde6 rgb(196,205,230)
```
#d2d9ec
```
#d2d9ec rgb(210,217,236)
```
#dfe4f2
```
#dfe4f2 rgb(223,228,242)
```
#edf0f7
```
#edf0f7 rgb(237,240,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,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 #042c93 is the most saturated one.

#4a4b4d
```
#4a4b4d rgb(74,75,77)
```
#444853
```
#444853 rgb(68,72,83)
```
#3e4659
```
#3e4659 rgb(62,70,89)
```
#39435e
```
#39435e rgb(57,67,94)
```
#334164
```
#334164 rgb(51,65,100)
```
#2d3e6a
```
#2d3e6a rgb(45,62,106)
```
#273b70
```
#273b70 rgb(39,59,112)
```
#213976
```
#213976 rgb(33,57,118)
```
#1c367b
```
#1c367b rgb(28,54,123)
```
#163481
```
#163481 rgb(22,52,129)
```
#103187
```
#103187 rgb(16,49,135)
```
#0a2f8d
```
#0a2f8d rgb(10,47,141)
```
#042c93
```
#042c93 rgb(4,44,147)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#374871 Protanopia 1% of men
#2f4971 Deuteranopia 1% of men
#2a4e54 Tritanopia 0.001% of the population

Trichromacy

#33446e Protanomaly 1% of men, 0.01% of women
#2e456e Deuteranomaly 6% of men, 0.4% of women
#2b485c Tritanomaly 0.01% of the population

#2d3e6a hex color

#2d3e6a Color Information

#2d3e6a Color Conversion

Color Schemes with #2d3e6a

Alternatives to #2d3e6a

#2d3e6a Preview

Shades and Tints of #2d3e6a

Tones of #2d3e6a

Color Blindness Simulator