#2d476d hex color

In a RGB color space, hex #2d476d is composed of 17.6% red, 27.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 34.9% magenta, 0% yellow and 57.3% black. It has a hue angle of 215.6 degrees, a saturation of 41.6% and a lightness of 30.2%. #2d476d color hex could be obtained by blending #5a8eda with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 28
- B 43
RGB color chart
- C 59
- M 35
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #2d476d has RGB values of R:45, G:71, B:109 and CMYK values of C:0.59, M:0.35, Y:0, K:0.57. Its decimal value is 2967405.

Hex triplet	2d476d	`#2d476d`
RGB Decimal	45, 71, 109	`rgb(45,71,109)`
RGB Percent	17.6, 27.8, 42.7	`rgb(17.6%,27.8%,42.7%)`
CMYK	59, 35, 0, 57
HSL	215.6°, 41.6, 30.2	`hsl(215.6,41.6%,30.2%)`
HSV (or HSB)	215.6°, 58.7, 42.7
Web Safe	333366	`#333366`

CIE-LAB	29.833, 2.578, -25.038
XYZ	6.095, 6.168, 15.337
xyY	0.221, 0.223, 6.168
CIE-LCH	29.833, 25.171, 275.877
CIE-LUV	29.833, -11.35, -32.771
Hunter-Lab	24.836, 0.344, -19.228
Binary	00101101, 01000111, 01101101

#2d476d
```
#2d476d rgb(45,71,109)
```
#6d532d
```
#6d532d rgb(109,83,45)
```

Complementary Color

#2d676d
```
#2d676d rgb(45,103,109)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#332d6d
```
#332d6d rgb(51,45,109)
```

Analogous Color

#676d2d
```
#676d2d rgb(103,109,45)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#6d332d
```
#6d332d rgb(109,51,45)
```

Split Complementary Color

#476d2d
```
#476d2d rgb(71,109,45)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#6d2d47
```
#6d2d47 rgb(109,45,71)
```

Triadic Color

#2d6d53
```
#2d6d53 rgb(45,109,83)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#6d2d47
```
#6d2d47 rgb(109,45,71)
```
#6d532d
```
#6d532d rgb(109,83,45)
```

Tetradic Color

#172437
```
#172437 rgb(23,36,55)
```
#1e2f49
```
#1e2f49 rgb(30,47,73)
```
#263b5b
```
#263b5b rgb(38,59,91)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#34537f
```
#34537f rgb(52,83,127)
```
#3c5f91
```
#3c5f91 rgb(60,95,145)
```
#436aa3
```
#436aa3 rgb(67,106,163)
```

Monochromatic Color

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

#2d576d
```
#2d576d rgb(45,87,109)
```
#2d526d
```
#2d526d rgb(45,82,109)
```
#2d4c6d
```
#2d4c6d rgb(45,76,109)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#2d426d
```
#2d426d rgb(45,66,109)
```
#2d3c6d
```
#2d3c6d rgb(45,60,109)
```
#2d376d
```
#2d376d rgb(45,55,109)
```

Similar Colors

Text with hexadecimal color #2d476d

This text has a font color of #2d476d.

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

#2d476d background color

This paragraph has a background color of #2d476d.

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

#2d476d border color

This element has a border color of #2d476d.

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

CSS codes

.text {color:#2d476d;}

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

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

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, #05080c is the darkest color, while #fdfdfe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0b111a
```
#0b111a rgb(11,17,26)
```
#101a28
```
#101a28 rgb(16,26,40)
```
#162335
```
#162335 rgb(22,35,53)
```
#1c2c43
```
#1c2c43 rgb(28,44,67)
```
#223551
```
#223551 rgb(34,53,81)
```
#273e5f
```
#273e5f rgb(39,62,95)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#33507b
```
#33507b rgb(51,80,123)
```
#385989
```
#385989 rgb(56,89,137)
```
#3e6297
```
#3e6297 rgb(62,98,151)
```
#446ba5
```
#446ba5 rgb(68,107,165)
```
#4a74b2
```
#4a74b2 rgb(74,116,178)
```

Shade Color Variation

#567fb9
```
#567fb9 rgb(86,127,185)
```
#6489bf
```
#6489bf rgb(100,137,191)
```
#7294c5
```
#7294c5 rgb(114,148,197)
```
#809ecb
```
#809ecb rgb(128,158,203)
```
#8ea9d0
```
#8ea9d0 rgb(142,169,208)
```
#9cb3d6
```
#9cb3d6 rgb(156,179,214)
```
#aabedc
```
#aabedc rgb(170,190,220)
```
#b8c9e1
```
#b8c9e1 rgb(184,201,225)
```
#c5d3e7
```
#c5d3e7 rgb(197,211,231)
```
#d3deed
```
#d3deed rgb(211,222,237)
```
#e1e8f3
```
#e1e8f3 rgb(225,232,243)
```
#eff3f8
```
#eff3f8 rgb(239,243,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4b4d4f
```
#4b4d4f rgb(75,77,79)
```
#454b55
```
#454b55 rgb(69,75,85)
```
#3f4a5b
```
#3f4a5b rgb(63,74,91)
```
#394961
```
#394961 rgb(57,73,97)
```
#334867
```
#334867 rgb(51,72,103)
```
#2d476d
```
#2d476d rgb(45,71,109)
```
#274673
```
#274673 rgb(39,70,115)
```
#214579
```
#214579 rgb(33,69,121)
```
#1b447f
```
#1b447f rgb(27,68,127)
```
#154385
```
#154385 rgb(21,67,133)
```
#0f418b
```
#0f418b rgb(15,65,139)
```
#094091
```
#094091 rgb(9,64,145)
```
#043f96
```
#043f96 rgb(4,63,150)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#424e73 Protanopia 1% of men
#3c4f74 Deuteranopia 1% of men
#2b555c Tritanopia 0.001% of the population

Trichromacy

#3a4b70 Protanomaly 1% of men, 0.01% of women
#364c72 Deuteranomaly 6% of men, 0.4% of women
#2c5062 Tritanomaly 0.01% of the population

#2d476d hex color

#2d476d Color Information

#2d476d Color Conversion

Color Schemes with #2d476d

Alternatives to #2d476d

#2d476d Preview

Shades and Tints of #2d476d

Tones of #2d476d

Color Blindness Simulator