#2d456d hex color

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

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

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

The hexadecimal color #2d456d has RGB values of R:45, G:69, B:109 and CMYK values of C:0.59, M:0.37, Y:0, K:0.57. Its decimal value is 2966893.

Hex triplet	2d456d	`#2d456d`
RGB Decimal	45, 69, 109	`rgb(45,69,109)`
RGB Percent	17.6, 27.1, 42.7	`rgb(17.6%,27.1%,42.7%)`
CMYK	59, 37, 0, 57
HSL	217.5°, 41.6, 30.2	`hsl(217.5,41.6%,30.2%)`
HSV (or HSB)	217.5°, 58.7, 42.7
Web Safe	333366	`#333366`

CIE-LAB	29.204, 3.907, -26.027
XYZ	5.97, 5.918, 15.295
xyY	0.22, 0.218, 5.918
CIE-LCH	29.204, 26.319, 278.537
CIE-LUV	29.204, -10.64, -34.012
Hunter-Lab	24.327, 1.234, -20.248
Binary	00101101, 01000101, 01101101

#2d456d
```
#2d456d rgb(45,69,109)
```
#6d552d
```
#6d552d rgb(109,85,45)
```

Complementary Color

#2d656d
```
#2d656d rgb(45,101,109)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#352d6d
```
#352d6d rgb(53,45,109)
```

Analogous Color

#656d2d
```
#656d2d rgb(101,109,45)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#6d352d
```
#6d352d rgb(109,53,45)
```

Split Complementary Color

#456d2d
```
#456d2d rgb(69,109,45)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#6d2d45
```
#6d2d45 rgb(109,45,69)
```

Triadic Color

#2d6d55
```
#2d6d55 rgb(45,109,85)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#6d2d45
```
#6d2d45 rgb(109,45,69)
```
#6d552d
```
#6d552d rgb(109,85,45)
```

Tetradic Color

#172337
```
#172337 rgb(23,35,55)
```
#1e2e49
```
#1e2e49 rgb(30,46,73)
```
#263a5b
```
#263a5b rgb(38,58,91)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#34507f
```
#34507f rgb(52,80,127)
```
#3c5c91
```
#3c5c91 rgb(60,92,145)
```
#4367a3
```
#4367a3 rgb(67,103,163)
```

Monochromatic Color

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

#2d556d
```
#2d556d rgb(45,85,109)
```
#2d506d
```
#2d506d rgb(45,80,109)
```
#2d4a6d
```
#2d4a6d rgb(45,74,109)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#2d406d
```
#2d406d rgb(45,64,109)
```
#2d3a6d
```
#2d3a6d rgb(45,58,109)
```
#2d356d
```
#2d356d rgb(45,53,109)
```

Similar Colors

Text with hexadecimal color #2d456d

This text has a font color of #2d456d.

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

#2d456d background color

This paragraph has a background color of #2d456d.

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

#2d456d border color

This element has a border color of #2d456d.

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

CSS codes

.text {color:#2d456d;}

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

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

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

#05070c
```
#05070c rgb(5,7,12)
```
#0b101a
```
#0b101a rgb(11,16,26)
```
#101928
```
#101928 rgb(16,25,40)
```
#162235
```
#162235 rgb(22,34,53)
```
#1c2b43
```
#1c2b43 rgb(28,43,67)
```
#223351
```
#223351 rgb(34,51,81)
```
#273c5f
```
#273c5f rgb(39,60,95)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#334e7b
```
#334e7b rgb(51,78,123)
```
#385789
```
#385789 rgb(56,87,137)
```
#3e5f97
```
#3e5f97 rgb(62,95,151)
```
#4468a5
```
#4468a5 rgb(68,104,165)
```
#4a71b2
```
#4a71b2 rgb(74,113,178)
```

Shade Color Variation

#567bb9
```
#567bb9 rgb(86,123,185)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#7291c5
```
#7291c5 rgb(114,145,197)
```
#809ccb
```
#809ccb rgb(128,156,203)
```
#8ea7d0
```
#8ea7d0 rgb(142,167,208)
```
#9cb2d6
```
#9cb2d6 rgb(156,178,214)
```
#aabcdc
```
#aabcdc rgb(170,188,220)
```
#b8c7e1
```
#b8c7e1 rgb(184,199,225)
```
#c5d2e7
```
#c5d2e7 rgb(197,210,231)
```
#d3dded
```
#d3dded rgb(211,221,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, #4b4c4f is the less saturated color, while #043b96 is the most saturated one.

#4b4c4f
```
#4b4c4f rgb(75,76,79)
```
#454b55
```
#454b55 rgb(69,75,85)
```
#3f495b
```
#3f495b rgb(63,73,91)
```
#394861
```
#394861 rgb(57,72,97)
```
#334667
```
#334667 rgb(51,70,103)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#274473
```
#274473 rgb(39,68,115)
```
#214279
```
#214279 rgb(33,66,121)
```
#1b417f
```
#1b417f rgb(27,65,127)
```
#153f85
```
#153f85 rgb(21,63,133)
```
#0f3e8b
```
#0f3e8b rgb(15,62,139)
```
#093c91
```
#093c91 rgb(9,60,145)
```
#043b96
```
#043b96 rgb(4,59,150)
```

Tone Color Variation

Below, you can see how #2d456d 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
#3e434b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4d73 Protanopia 1% of men
#394e74 Deuteranopia 1% of men
#2b545a Tritanopia 0.001% of the population

Trichromacy

#384a71 Protanomaly 1% of men, 0.01% of women
#344b71 Deuteranomaly 6% of men, 0.4% of women
#2b4e61 Tritanomaly 0.01% of the population

#2d456d hex color

#2d456d Color Information

#2d456d Color Conversion

Color Schemes with #2d456d

Alternatives to #2d456d

#2d456d Preview

Shades and Tints of #2d456d

Tones of #2d456d

Color Blindness Simulator