#2d4552 hex color

In a RGB color space, hex #2d4552 is composed of 17.6% red, 27.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 15.9% magenta, 0% yellow and 67.8% black. It has a hue angle of 201.1 degrees, a saturation of 29.1% and a lightness of 24.9%. #2d4552 color hex could be obtained by blending #5a8aa4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 32
RGB color chart
- C 45
- M 16
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2d4552 has RGB values of R:45, G:69, B:82 and CMYK values of C:0.45, M:0.16, Y:0, K:0.68. Its decimal value is 2966866.

Hex triplet	2d4552	`#2d4552`
RGB Decimal	45, 69, 82	`rgb(45,69,82)`
RGB Percent	17.6, 27.1, 32.2	`rgb(17.6%,27.1%,32.2%)`
CMYK	45, 16, 0, 68
HSL	201.1°, 29.1, 24.9	`hsl(201.1,29.1%,24.9%)`
HSV (or HSB)	201.1°, 45.1, 32.2
Web Safe	333366	`#333366`

CIE-LAB	27.908, -5.307, -10.701
XYZ	4.733, 5.423, 8.78
xyY	0.25, 0.286, 5.423
CIE-LCH	27.908, 11.945, 243.622
CIE-LUV	27.908, -10.679, -12.398
Hunter-Lab	23.288, -4.475, -6.051
Binary	00101101, 01000101, 01010010

#2d4552
```
#2d4552 rgb(45,69,82)
```
#523a2d
```
#523a2d rgb(82,58,45)
```

Complementary Color

#2d524d
```
#2d524d rgb(45,82,77)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#2d3352
```
#2d3352 rgb(45,51,82)
```

Analogous Color

#524d2d
```
#524d2d rgb(82,77,45)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#522d33
```
#522d33 rgb(82,45,51)
```

Split Complementary Color

#45522d
```
#45522d rgb(69,82,45)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#522d45
```
#522d45 rgb(82,45,69)
```

Triadic Color

#2d523a
```
#2d523a rgb(45,82,58)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#522d45
```
#522d45 rgb(82,45,69)
```
#523a2d
```
#523a2d rgb(82,58,45)
```

Tetradic Color

#121b21
```
#121b21 rgb(18,27,33)
```
#1b2931
```
#1b2931 rgb(27,41,49)
```
#243742
```
#243742 rgb(36,55,66)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#365362
```
#365362 rgb(54,83,98)
```
#3f6173
```
#3f6173 rgb(63,97,115)
```
#486f83
```
#486f83 rgb(72,111,131)
```

Monochromatic Color

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

#2d4e52
```
#2d4e52 rgb(45,78,82)
```
#2d4b52
```
#2d4b52 rgb(45,75,82)
```
#2d4852
```
#2d4852 rgb(45,72,82)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#2d4252
```
#2d4252 rgb(45,66,82)
```
#2d3f52
```
#2d3f52 rgb(45,63,82)
```
#2d3c52
```
#2d3c52 rgb(45,60,82)
```

Similar Colors

Text with hexadecimal color #2d4552

This text has a font color of #2d4552.

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

#2d4552 background color

This paragraph has a background color of #2d4552.

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

#2d4552 border color

This element has a border color of #2d4552.

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

CSS codes

.text {color:#2d4552;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1013
```
#0a1013 rgb(10,16,19)
```
#111a1f
```
#111a1f rgb(17,26,31)
```
#18252c
```
#18252c rgb(24,37,44)
```
#1f3039
```
#1f3039 rgb(31,48,57)
```
#263a45
```
#263a45 rgb(38,58,69)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#34505f
```
#34505f rgb(52,80,95)
```
#3b5a6b
```
#3b5a6b rgb(59,90,107)
```
#426578
```
#426578 rgb(66,101,120)
```
#497085
```
#497085 rgb(73,112,133)
```
#507a91
```
#507a91 rgb(80,122,145)
```
#57859e
```
#57859e rgb(87,133,158)
```

Shade Color Variation

#608fa8
```
#608fa8 rgb(96,143,168)
```
#6d98af
```
#6d98af rgb(109,152,175)
```
#7aa1b6
```
#7aa1b6 rgb(122,161,182)
```
#86aabd
```
#86aabd rgb(134,170,189)
```
#93b3c4
```
#93b3c4 rgb(147,179,196)
```
#a0bccb
```
#a0bccb rgb(160,188,203)
```
#acc5d2
```
#acc5d2 rgb(172,197,210)
```
#b9ced9
```
#b9ced9 rgb(185,206,217)
```
#c6d6e0
```
#c6d6e0 rgb(198,214,224)
```
#d2dfe6
```
#d2dfe6 rgb(210,223,230)
```
#dfe8ed
```
#dfe8ed rgb(223,232,237)
```
#ecf1f4
```
#ecf1f4 rgb(236,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#3c4143
```
#3c4143 rgb(60,65,67)
```
#374248
```
#374248 rgb(55,66,72)
```
#32444d
```
#32444d rgb(50,68,77)
```
#2d4552
```
#2d4552 rgb(45,69,82)
```
#284657
```
#284657 rgb(40,70,87)
```
#23485c
```
#23485c rgb(35,72,92)
```
#1e4961
```
#1e4961 rgb(30,73,97)
```
#194b66
```
#194b66 rgb(25,75,102)
```
#154c6a
```
#154c6a rgb(21,76,106)
```
#104e6f
```
#104e6f rgb(16,78,111)
```
#0b4f74
```
#0b4f74 rgb(11,79,116)
```
#065179
```
#065179 rgb(6,81,121)
```
#01527e
```
#01527e rgb(1,82,126)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3b4043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484b58 Protanopia 1% of men
#494a5c Deuteranopia 1% of men
#364f55 Tritanopia 0.001% of the population

Trichromacy

#3e4856 Protanomaly 1% of men, 0.01% of women
#3f4858 Deuteranomaly 6% of men, 0.4% of women
#324b54 Tritanomaly 0.01% of the population

#2d4552 hex color

#2d4552 Color Information

#2d4552 Color Conversion

Color Schemes with #2d4552

Alternatives to #2d4552

#2d4552 Preview

Shades and Tints of #2d4552

Tones of #2d4552

Color Blindness Simulator