#2d475c hex color

In a RGB color space, hex #2d475c is composed of 17.6% red, 27.8% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 22.8% magenta, 0% yellow and 63.9% black. It has a hue angle of 206.8 degrees, a saturation of 34.3% and a lightness of 26.9%. #2d475c color hex could be obtained by blending #5a8eb8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 28
- B 36
RGB color chart
- C 51
- M 23
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #2d475c has RGB values of R:45, G:71, B:92 and CMYK values of C:0.51, M:0.23, Y:0, K:0.64. Its decimal value is 2967388.

Hex triplet	2d475c	`#2d475c`
RGB Decimal	45, 71, 92	`rgb(45,71,92)`
RGB Percent	17.6, 27.8, 36.1	`rgb(17.6%,27.8%,36.1%)`
CMYK	51, 23, 0, 64
HSL	206.8°, 34.3, 26.9	`hsl(206.8,34.3%,26.9%)`
HSV (or HSB)	206.8°, 51.1, 36.1
Web Safe	333366	`#333366`

CIE-LAB	28.997, -3.331, -15.493
XYZ	5.267, 5.837, 10.974
xyY	0.239, 0.264, 5.837
CIE-LCH	28.997, 15.847, 257.866
CIE-LUV	28.997, -11.42, -19.059
Hunter-Lab	24.159, -3.366, -10.019
Binary	00101101, 01000111, 01011100

#2d475c
```
#2d475c rgb(45,71,92)
```
#5c422d
```
#5c422d rgb(92,66,45)
```

Complementary Color

#2d5c59
```
#2d5c59 rgb(45,92,89)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#2d305c
```
#2d305c rgb(45,48,92)
```

Analogous Color

#5c592d
```
#5c592d rgb(92,89,45)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#5c2d30
```
#5c2d30 rgb(92,45,48)
```

Split Complementary Color

#475c2d
```
#475c2d rgb(71,92,45)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#5c2d47
```
#5c2d47 rgb(92,45,71)
```

Triadic Color

#2d5c42
```
#2d5c42 rgb(45,92,66)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#5c2d47
```
#5c2d47 rgb(92,45,71)
```
#5c422d
```
#5c422d rgb(92,66,45)
```

Tetradic Color

#141f29
```
#141f29 rgb(20,31,41)
```
#1c2d3a
```
#1c2d3a rgb(28,45,58)
```
#253a4b
```
#253a4b rgb(37,58,75)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#35546d
```
#35546d rgb(53,84,109)
```
#3e617e
```
#3e617e rgb(62,97,126)
```
#466f8f
```
#466f8f rgb(70,111,143)
```

Monochromatic Color

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

#2d535c
```
#2d535c rgb(45,83,92)
```
#2d4f5c
```
#2d4f5c rgb(45,79,92)
```
#2d4b5c
```
#2d4b5c rgb(45,75,92)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#2d435c
```
#2d435c rgb(45,67,92)
```
#2d3f5c
```
#2d3f5c rgb(45,63,92)
```
#2d3b5c
```
#2d3b5c rgb(45,59,92)
```

Similar Colors

Text with hexadecimal color #2d475c

This text has a font color of #2d475c.

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

#2d475c background color

This paragraph has a background color of #2d475c.

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

#2d475c border color

This element has a border color of #2d475c.

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

CSS codes

.text {color:#2d475c;}

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

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

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, #060a0d is the darkest color, while #ffffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0d141a
```
#0d141a rgb(13,20,26)
```
#131e27
```
#131e27 rgb(19,30,39)
```
#1a2934
```
#1a2934 rgb(26,41,52)
```
#203342
```
#203342 rgb(32,51,66)
```
#273d4f
```
#273d4f rgb(39,61,79)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#335169
```
#335169 rgb(51,81,105)
```
#3a5b76
```
#3a5b76 rgb(58,91,118)
```
#406584
```
#406584 rgb(64,101,132)
```
#477091
```
#477091 rgb(71,112,145)
```
#4d7a9e
```
#4d7a9e rgb(77,122,158)
```
#5484ab
```
#5484ab rgb(84,132,171)
```

Shade Color Variation

#618db2
```
#618db2 rgb(97,141,178)
```
#6e97b8
```
#6e97b8 rgb(110,151,184)
```
#7ba0be
```
#7ba0be rgb(123,160,190)
```
#88aac5
```
#88aac5 rgb(136,170,197)
```
#95b3cb
```
#95b3cb rgb(149,179,203)
```
#a3bdd2
```
#a3bdd2 rgb(163,189,210)
```
#b0c6d8
```
#b0c6d8 rgb(176,198,216)
```
#bdd0df
```
#bdd0df rgb(189,208,223)
```
#cad9e5
```
#cad9e5 rgb(202,217,229)
```
#d7e3ec
```
#d7e3ec rgb(215,227,236)
```
#e4ecf2
```
#e4ecf2 rgb(228,236,242)
```
#f2f5f8
```
#f2f5f8 rgb(242,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#424547
```
#424547 rgb(66,69,71)
```
#3d454c
```
#3d454c rgb(61,69,76)
```
#384651
```
#384651 rgb(56,70,81)
```
#324657
```
#324657 rgb(50,70,87)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#284861
```
#284861 rgb(40,72,97)
```
#224867
```
#224867 rgb(34,72,103)
```
#1d496c
```
#1d496c rgb(29,73,108)
```
#184971
```
#184971 rgb(24,73,113)
```
#134a76
```
#134a76 rgb(19,74,118)
```
#0d4a7c
```
#0d4a7c rgb(13,74,124)
```
#084b81
```
#084b81 rgb(8,75,129)
```
#034b86
```
#034b86 rgb(3,75,134)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e4347 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484d62 Protanopia 1% of men
#474d65 Deuteranopia 1% of men
#335258 Tritanopia 0.001% of the population

Trichromacy

#3e4a60 Protanomaly 1% of men, 0.01% of women
#3d4a62 Deuteranomaly 6% of men, 0.4% of women
#314e59 Tritanomaly 0.01% of the population

#2d475c hex color

#2d475c Color Information

#2d475c Color Conversion

Color Schemes with #2d475c

Alternatives to #2d475c

#2d475c Preview

Shades and Tints of #2d475c

Tones of #2d475c

Color Blindness Simulator