colorhexa.com

#2d4579 hex color

In a RGB color space, hex #2d4579 is composed of 17.6% red, 27.1% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 43% magenta, 0% yellow and 52.5% black. It has a hue angle of 221.1 degrees, a saturation of 45.8% and a lightness of 32.5%. #2d4579 color hex could be obtained by blending #5a8af2 with #000000. Closest websafe color is: #333366.

- R 18
- G 27
- B 47
RGB color chart
- C 63
- M 43
- Y 0
- K 53
CMYK color chart

● #2d4579 color description : Dark moderate blue.

The hexadecimal color #2d4579 has RGB values of R:45, G:69, B:121 and CMYK values of C:0.63, M:0.43, Y:0, K:0.53. Its decimal value is 2966905.

Hex triplet	2d4579	`#2d4579`
RGB Decimal	45, 69, 121	`rgb(45,69,121)`
RGB Percent	17.6, 27.1, 47.5	`rgb(17.6%,27.1%,47.5%)`
CMYK	63, 43, 0, 53
HSL	221.1°, 45.8, 32.5	`hsl(221.1,45.8%,32.5%)`
HSV (or HSB)	221.1°, 62.8, 47.5
Web Safe	333366	`#333366`

CIE-LAB	29.897, 8.308, -32.497
XYZ	6.661, 6.194, 18.933
xyY	0.21, 0.195, 6.194
CIE-LCH	29.897, 33.542, 284.341
CIE-LUV	29.897, -10.672, -43.464
Hunter-Lab	24.888, 4.217, -27.681
Binary	00101101, 01000101, 01111001

#2d4579
```
#2d4579 rgb(45,69,121)
```
#79612d
```
#79612d rgb(121,97,45)
```

Complementary Color

#2d6b79
```
#2d6b79 rgb(45,107,121)
```
#2d4579
```
#2d4579 rgb(45,69,121)
```
#3b2d79
```
#3b2d79 rgb(59,45,121)
```

Analogous Color

#6b792d
```
#6b792d rgb(107,121,45)
```
#2d4579
```
#2d4579 rgb(45,69,121)
```
#793b2d
```
#793b2d rgb(121,59,45)
```

Split Complementary Color

#45792d
```
#45792d rgb(69,121,45)
```
#2d4579
```
#2d4579 rgb(45,69,121)
```
#792d45
```
#792d45 rgb(121,45,69)
```

Triadic Color

#182541
```
#182541 rgb(24,37,65)
```
#1f3054
```
#1f3054 rgb(31,48,84)
```
#263a66
```
#263a66 rgb(38,58,102)
```
#2d4579
```
#2d4579 rgb(45,69,121)
```
#34508c
```
#34508c rgb(52,80,140)
```
#3b5a9e
```
#3b5a9e rgb(59,90,158)
```
#4265b1
```
#4265b1 rgb(66,101,177)
```

Monochromatic Color

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

#2d5879
```
#2d5879 rgb(45,88,121)
```
#2d5279
```
#2d5279 rgb(45,82,121)
```
#2d4b79
```
#2d4b79 rgb(45,75,121)
```
#2d4579
```
#2d4579 rgb(45,69,121)
```
#2d3f79
```
#2d3f79 rgb(45,63,121)
```
#2d3879
```
#2d3879 rgb(45,56,121)
```
#2d3279
```
#2d3279 rgb(45,50,121)
```

Similar Colors

Text with hexadecimal color #2d4579

This text has a font color of #2d4579.

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

#2d4579 background color

This paragraph has a background color of #2d4579.

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

#2d4579 border color

This element has a border color of #2d4579.

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

CSS codes

.text {color:#2d4579;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#080c15
```
#080c15 rgb(8,12,21)
```
#0d1423
```
#0d1423 rgb(13,20,35)
```
#121c32
```
#121c32 rgb(18,28,50)
```
#182440
```
#182440 rgb(24,36,64)
```
#1d2d4e
```
#1d2d4e rgb(29,45,78)
```
#22355c
```
#22355c rgb(34,53,92)
```
#283d6b
```
#283d6b rgb(40,61,107)
```
#2d4579
```
#2d4579 rgb(45,69,121)
```
#324d87
```
#324d87 rgb(50,77,135)
```
#385596
```
#385596 rgb(56,85,150)
```
#3d5da4
```
#3d5da4 rgb(61,93,164)
```
#4266b2
```
#4266b2 rgb(66,102,178)
```

Shade Color Variation

#4c6fbc
```
#4c6fbc rgb(76,111,188)
```
#5a7bc2
```
#5a7bc2 rgb(90,123,194)
```
#6886c7
```
#6886c7 rgb(104,134,199)
```
#7792cc
```
#7792cc rgb(119,146,204)
```
#859dd2
```
#859dd2 rgb(133,157,210)
```
#93a9d7
```
#93a9d7 rgb(147,169,215)
```
#a2b4dc
```
#a2b4dc rgb(162,180,220)
```
#b0c0e2
```
#b0c0e2 rgb(176,192,226)
```
#becbe7
```
#becbe7 rgb(190,203,231)
```
#ccd6ec
```
#ccd6ec rgb(204,214,236)
```
#dbe2f2
```
#dbe2f2 rgb(219,226,242)
```
#e9edf7
```
#e9edf7 rgb(233,237,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#4d5159
```
#4d5159 rgb(77,81,89)
```
#474e5f
```
#474e5f rgb(71,78,95)
```
#404c66
```
#404c66 rgb(64,76,102)
```
#3a4a6c
```
#3a4a6c rgb(58,74,108)
```
#334773
```
#334773 rgb(51,71,115)
```
#2d4579
```
#2d4579 rgb(45,69,121)
```
#27437f
```
#27437f rgb(39,67,127)
```
#204086
```
#204086 rgb(32,64,134)
```
#1a3e8c
```
#1a3e8c rgb(26,62,140)
```
#133c93
```
#133c93 rgb(19,60,147)
```
#0d3999
```
#0d3999 rgb(13,57,153)
```
#07379f
```
#07379f rgb(7,55,159)
```
#0035a6
```
#0035a6 rgb(0,53,166)
```

Tone Color Variation

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

Dichromacy

#394e7f Protanopia 1% of men
#2c507f Deuteranopia 1% of men
#22565d Tritanopia 0.001% of the population

Trichromacy

#354b7d Protanomaly 1% of men, 0.01% of women
#2c4c7c Deuteranomaly 6% of men, 0.4% of women
#265067 Tritanomaly 0.01% of the population