#2d3552 hex color

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

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

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

The hexadecimal color #2d3552 has RGB values of R:45, G:53, B:82 and CMYK values of C:0.45, M:0.35, Y:0, K:0.68. Its decimal value is 2962770.

Hex triplet	2d3552	`#2d3552`
RGB Decimal	45, 53, 82	`rgb(45,53,82)`
RGB Percent	17.6, 20.8, 32.2	`rgb(17.6%,20.8%,32.2%)`
CMYK	45, 35, 0, 68
HSL	227°, 29.1, 24.9	`hsl(227,29.1%,24.9%)`
HSV (or HSB)	227°, 45.1, 32.2
Web Safe	333366	`#333366`

CIE-LAB	22.7, 5.322, -18.735
XYZ	3.878, 3.713, 8.495
xyY	0.241, 0.231, 3.713
CIE-LCH	22.7, 19.477, 285.859
CIE-LUV	22.7, -4.566, -22.265
Hunter-Lab	19.27, 2.201, -12.648
Binary	00101101, 00110101, 01010010

#2d3552
```
#2d3552 rgb(45,53,82)
```
#524a2d
```
#524a2d rgb(82,74,45)
```

Complementary Color

#2d4852
```
#2d4852 rgb(45,72,82)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#382d52
```
#382d52 rgb(56,45,82)
```

Analogous Color

#48522d
```
#48522d rgb(72,82,45)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#52382d
```
#52382d rgb(82,56,45)
```

Split Complementary Color

#35522d
```
#35522d rgb(53,82,45)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#522d35
```
#522d35 rgb(82,45,53)
```

Triadic Color

#2d524a
```
#2d524a rgb(45,82,74)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#522d35
```
#522d35 rgb(82,45,53)
```
#524a2d
```
#524a2d rgb(82,74,45)
```

Tetradic Color

#121521
```
#121521 rgb(18,21,33)
```
#1b2031
```
#1b2031 rgb(27,32,49)
```
#242a42
```
#242a42 rgb(36,42,66)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#364062
```
#364062 rgb(54,64,98)
```
#3f4a73
```
#3f4a73 rgb(63,74,115)
```
#485583
```
#485583 rgb(72,85,131)
```

Monochromatic Color

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

#2d3e52
```
#2d3e52 rgb(45,62,82)
```
#2d3b52
```
#2d3b52 rgb(45,59,82)
```
#2d3852
```
#2d3852 rgb(45,56,82)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#2d3252
```
#2d3252 rgb(45,50,82)
```
#2d2f52
```
#2d2f52 rgb(45,47,82)
```
#2e2d52
```
#2e2d52 rgb(46,45,82)
```

Similar Colors

Text with hexadecimal color #2d3552

This text has a font color of #2d3552.

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

#2d3552 background color

This paragraph has a background color of #2d3552.

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

#2d3552 border color

This element has a border color of #2d3552.

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

CSS codes

.text {color:#2d3552;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0c13
```
#0a0c13 rgb(10,12,19)
```
#11141f
```
#11141f rgb(17,20,31)
```
#181c2c
```
#181c2c rgb(24,28,44)
```
#1f2539
```
#1f2539 rgb(31,37,57)
```
#262d45
```
#262d45 rgb(38,45,69)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#343d5f
```
#343d5f rgb(52,61,95)
```
#3b456b
```
#3b456b rgb(59,69,107)
```
#424e78
```
#424e78 rgb(66,78,120)
```
#495685
```
#495685 rgb(73,86,133)
```
#505e91
```
#505e91 rgb(80,94,145)
```
#57669e
```
#57669e rgb(87,102,158)
```

Shade Color Variation

#6070a8
```
#6070a8 rgb(96,112,168)
```
#6d7baf
```
#6d7baf rgb(109,123,175)
```
#7a87b6
```
#7a87b6 rgb(122,135,182)
```
#8692bd
```
#8692bd rgb(134,146,189)
```
#939ec4
```
#939ec4 rgb(147,158,196)
```
#a0a9cb
```
#a0a9cb rgb(160,169,203)
```
#acb4d2
```
#acb4d2 rgb(172,180,210)
```
#b9c0d9
```
#b9c0d9 rgb(185,192,217)
```
#c6cbe0
```
#c6cbe0 rgb(198,203,224)
```
#d2d7e6
```
#d2d7e6 rgb(210,215,230)
```
#dfe2ed
```
#dfe2ed rgb(223,226,237)
```
#eceef4
```
#eceef4 rgb(236,238,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#3c3d43
```
#3c3d43 rgb(60,61,67)
```
#373b48
```
#373b48 rgb(55,59,72)
```
#32384d
```
#32384d rgb(50,56,77)
```
#2d3552
```
#2d3552 rgb(45,53,82)
```
#283257
```
#283257 rgb(40,50,87)
```
#232f5c
```
#232f5c rgb(35,47,92)
```
#1e2d61
```
#1e2d61 rgb(30,45,97)
```
#192a66
```
#192a66 rgb(25,42,102)
```
#15276a
```
#15276a rgb(21,39,106)
```
#10246f
```
#10246f rgb(16,36,111)
```
#0b2274
```
#0b2274 rgb(11,34,116)
```
#061f79
```
#061f79 rgb(6,31,121)
```
#011c7e
```
#011c7e rgb(1,28,126)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#34363c Atypical Achromatopsia 0.001% of the population

Dichromacy

#363f5b Protanopia 1% of men
#35405a Deuteranopia 1% of men
#314348 Tritanopia 0.001% of the population

Trichromacy

#333b57 Protanomaly 1% of men, 0.01% of women
#323c57 Deuteranomaly 6% of men, 0.4% of women
#303e4b Tritanomaly 0.01% of the population

#2d3552 hex color

#2d3552 Color Information

#2d3552 Color Conversion

Color Schemes with #2d3552

Alternatives to #2d3552

#2d3552 Preview

Shades and Tints of #2d3552

Tones of #2d3552

Color Blindness Simulator