#2d4559 hex color

In a RGB color space, hex #2d4559 is composed of 17.6% red, 27.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 22.5% magenta, 0% yellow and 65.1% black. It has a hue angle of 207.3 degrees, a saturation of 32.8% and a lightness of 26.3%. #2d4559 color hex could be obtained by blending #5a8ab2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 35
RGB color chart
- C 49
- M 22
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2d4559 has RGB values of R:45, G:69, B:89 and CMYK values of C:0.49, M:0.22, Y:0, K:0.65. Its decimal value is 2966873.

Hex triplet	2d4559	`#2d4559`
RGB Decimal	45, 69, 89	`rgb(45,69,89)`
RGB Percent	17.6, 27.1, 34.9	`rgb(17.6%,27.1%,34.9%)`
CMYK	49, 22, 0, 65
HSL	207.3°, 32.8, 26.3	`hsl(207.3,32.8%,26.3%)`
HSV (or HSB)	207.3°, 49.4, 34.9
Web Safe	333366	`#333366`

CIE-LAB	28.208, -3.042, -14.775
XYZ	5.013, 5.535, 10.255
xyY	0.241, 0.266, 5.535
CIE-LCH	28.208, 15.085, 258.367
CIE-LUV	28.208, -10.655, -17.977
Hunter-Lab	23.527, -3.138, -9.374
Binary	00101101, 01000101, 01011001

#2d4559
```
#2d4559 rgb(45,69,89)
```
#59412d
```
#59412d rgb(89,65,45)
```

Complementary Color

#2d5957
```
#2d5957 rgb(45,89,87)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#2d2f59
```
#2d2f59 rgb(45,47,89)
```

Analogous Color

#59572d
```
#59572d rgb(89,87,45)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#592d2f
```
#592d2f rgb(89,45,47)
```

Split Complementary Color

#45592d
```
#45592d rgb(69,89,45)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#592d45
```
#592d45 rgb(89,45,69)
```

Triadic Color

#2d5941
```
#2d5941 rgb(45,89,65)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#592d45
```
#592d45 rgb(89,45,69)
```
#59412d
```
#59412d rgb(89,65,45)
```

Tetradic Color

#131e26
```
#131e26 rgb(19,30,38)
```
#1c2b37
```
#1c2b37 rgb(28,43,55)
```
#243848
```
#243848 rgb(36,56,72)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#36526a
```
#36526a rgb(54,82,106)
```
#3e5f7b
```
#3e5f7b rgb(62,95,123)
```
#476c8c
```
#476c8c rgb(71,108,140)
```

Monochromatic Color

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

#2d5059
```
#2d5059 rgb(45,80,89)
```
#2d4c59
```
#2d4c59 rgb(45,76,89)
```
#2d4959
```
#2d4959 rgb(45,73,89)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#2d4159
```
#2d4159 rgb(45,65,89)
```
#2d3e59
```
#2d3e59 rgb(45,62,89)
```
#2d3a59
```
#2d3a59 rgb(45,58,89)
```

Similar Colors

Text with hexadecimal color #2d4559

This text has a font color of #2d4559.

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

#2d4559 background color

This paragraph has a background color of #2d4559.

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

#2d4559 border color

This element has a border color of #2d4559.

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

CSS codes

.text {color:#2d4559;}

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

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

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

#05080b
```
#05080b rgb(5,8,11)
```
#0c1218
```
#0c1218 rgb(12,18,24)
```
#131d25
```
#131d25 rgb(19,29,37)
```
#192732
```
#192732 rgb(25,39,50)
```
#20313f
```
#20313f rgb(32,49,63)
```
#263b4c
```
#263b4c rgb(38,59,76)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#344f66
```
#344f66 rgb(52,79,102)
```
#3a5973
```
#3a5973 rgb(58,89,115)
```
#416380
```
#416380 rgb(65,99,128)
```
#476d8d
```
#476d8d rgb(71,109,141)
```
#4e789a
```
#4e789a rgb(78,120,154)
```
#5582a7
```
#5582a7 rgb(85,130,167)
```

Shade Color Variation

#608baf
```
#608baf rgb(96,139,175)
```
#6d95b5
```
#6d95b5 rgb(109,149,181)
```
#7b9ebc
```
#7b9ebc rgb(123,158,188)
```
#88a8c3
```
#88a8c3 rgb(136,168,195)
```
#95b1c9
```
#95b1c9 rgb(149,177,201)
```
#a2bbd0
```
#a2bbd0 rgb(162,187,208)
```
#afc4d6
```
#afc4d6 rgb(175,196,214)
```
#bccedd
```
#bccedd rgb(188,206,221)
```
#c9d7e4
```
#c9d7e4 rgb(201,215,228)
```
#d6e1ea
```
#d6e1ea rgb(214,225,234)
```
#e3eaf1
```
#e3eaf1 rgb(227,234,241)
```
#f0f4f7
```
#f0f4f7 rgb(240,244,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#424344
```
#424344 rgb(66,67,68)
```
#3c444a
```
#3c444a rgb(60,68,74)
```
#37444f
```
#37444f rgb(55,68,79)
```
#324554
```
#324554 rgb(50,69,84)
```
#2d4559
```
#2d4559 rgb(45,69,89)
```
#28455e
```
#28455e rgb(40,69,94)
```
#234663
```
#234663 rgb(35,70,99)
```
#1e4668
```
#1e4668 rgb(30,70,104)
```
#18476e
```
#18476e rgb(24,71,110)
```
#134773
```
#134773 rgb(19,71,115)
```
#0e4878
```
#0e4878 rgb(14,72,120)
```
#09487d
```
#09487d rgb(9,72,125)
```
#044982
```
#044982 rgb(4,73,130)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c4145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464b5f Protanopia 1% of men
#464b62 Deuteranopia 1% of men
#335056 Tritanopia 0.001% of the population

Trichromacy

#3d495d Protanomaly 1% of men, 0.01% of women
#3d495f Deuteranomaly 6% of men, 0.4% of women
#314c57 Tritanomaly 0.01% of the population

#2d4559 hex color

#2d4559 Color Information

#2d4559 Color Conversion

Color Schemes with #2d4559

Alternatives to #2d4559

#2d4559 Preview

Shades and Tints of #2d4559

Tones of #2d4559

Color Blindness Simulator