#2d4379 hex color

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

♥
- f
- t
- g
- R 18
- G 26
- B 47
RGB color chart
- C 63
- M 45
- Y 0
- K 53
CMYK color chart

● #2d4379 color description : Dark moderate blue.

The hexadecimal color #2d4379 has RGB values of R:45, G:67, B:121 and CMYK values of C:0.63, M:0.45, Y:0, K:0.53. Its decimal value is 2966393.

Hex triplet	2d4379	`#2d4379`
RGB Decimal	45, 67, 121	`rgb(45,67,121)`
RGB Percent	17.6, 26.3, 47.5	`rgb(17.6%,26.3%,47.5%)`
CMYK	63, 45, 0, 53
HSL	222.6°, 45.8, 32.5	`hsl(222.6,45.8%,32.5%)`
HSV (or HSB)	222.6°, 62.8, 47.5
Web Safe	333366	`#333366`

CIE-LAB	29.292, 9.662, -33.461
XYZ	6.54, 5.952, 18.892
xyY	0.208, 0.19, 5.952
CIE-LCH	29.292, 34.828, 286.107
CIE-LUV	29.292, -10.017, -44.574
Hunter-Lab	24.397, 5.152, -28.834
Binary	00101101, 01000011, 01111001

#2d4379
```
#2d4379 rgb(45,67,121)
```
#79632d
```
#79632d rgb(121,99,45)
```

Complementary Color

#2d6979
```
#2d6979 rgb(45,105,121)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#3d2d79
```
#3d2d79 rgb(61,45,121)
```

Analogous Color

#69792d
```
#69792d rgb(105,121,45)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#793d2d
```
#793d2d rgb(121,61,45)
```

Split Complementary Color

#43792d
```
#43792d rgb(67,121,45)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#792d43
```
#792d43 rgb(121,45,67)
```

Triadic Color

#2d7963
```
#2d7963 rgb(45,121,99)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#792d43
```
#792d43 rgb(121,45,67)
```
#79632d
```
#79632d rgb(121,99,45)
```

Tetradic Color

#182441
```
#182441 rgb(24,36,65)
```
#1f2e54
```
#1f2e54 rgb(31,46,84)
```
#263966
```
#263966 rgb(38,57,102)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#344d8c
```
#344d8c rgb(52,77,140)
```
#3b589e
```
#3b589e rgb(59,88,158)
```
#4262b1
```
#4262b1 rgb(66,98,177)
```

Monochromatic Color

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

#2d5679
```
#2d5679 rgb(45,86,121)
```
#2d5079
```
#2d5079 rgb(45,80,121)
```
#2d4979
```
#2d4979 rgb(45,73,121)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#2d3d79
```
#2d3d79 rgb(45,61,121)
```
#2d3679
```
#2d3679 rgb(45,54,121)
```
#2d3079
```
#2d3079 rgb(45,48,121)
```

Similar Colors

Text with hexadecimal color #2d4379

This text has a font color of #2d4379.

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

#2d4379 background color

This paragraph has a background color of #2d4379.

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

#2d4379 border color

This element has a border color of #2d4379.

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

CSS codes

.text {color:#2d4379;}

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

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

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)
```
#0d1323
```
#0d1323 rgb(13,19,35)
```
#121b32
```
#121b32 rgb(18,27,50)
```
#182340
```
#182340 rgb(24,35,64)
```
#1d2b4e
```
#1d2b4e rgb(29,43,78)
```
#22335c
```
#22335c rgb(34,51,92)
```
#283b6b
```
#283b6b rgb(40,59,107)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#324b87
```
#324b87 rgb(50,75,135)
```
#385396
```
#385396 rgb(56,83,150)
```
#3d5ba4
```
#3d5ba4 rgb(61,91,164)
```
#4263b2
```
#4263b2 rgb(66,99,178)
```

Shade Color Variation

#4c6cbc
```
#4c6cbc rgb(76,108,188)
```
#5a78c2
```
#5a78c2 rgb(90,120,194)
```
#6884c7
```
#6884c7 rgb(104,132,199)
```
#778fcc
```
#778fcc rgb(119,143,204)
```
#859bd2
```
#859bd2 rgb(133,155,210)
```
#93a7d7
```
#93a7d7 rgb(147,167,215)
```
#a2b3dc
```
#a2b3dc rgb(162,179,220)
```
#b0bee2
```
#b0bee2 rgb(176,190,226)
```
#becae7
```
#becae7 rgb(190,202,231)
```
#ccd6ec
```
#ccd6ec rgb(204,214,236)
```
#dbe1f2
```
#dbe1f2 rgb(219,225,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, #4d5059 is the less saturated color, while #0030a6 is the most saturated one.

#4d5059
```
#4d5059 rgb(77,80,89)
```
#474e5f
```
#474e5f rgb(71,78,95)
```
#404b66
```
#404b66 rgb(64,75,102)
```
#3a486c
```
#3a486c rgb(58,72,108)
```
#334673
```
#334673 rgb(51,70,115)
```
#2d4379
```
#2d4379 rgb(45,67,121)
```
#27407f
```
#27407f rgb(39,64,127)
```
#203e86
```
#203e86 rgb(32,62,134)
```
#1a3b8c
```
#1a3b8c rgb(26,59,140)
```
#133893
```
#133893 rgb(19,56,147)
```
#0d3699
```
#0d3699 rgb(13,54,153)
```
#07339f
```
#07339f rgb(7,51,159)
```
#0030a6
```
#0030a6 rgb(0,48,166)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f434e Atypical Achromatopsia 0.001% of the population

Dichromacy

#364d80 Protanopia 1% of men
#284f7e Deuteranopia 1% of men
#21555b Tritanopia 0.001% of the population

Trichromacy

#32497d Protanomaly 1% of men, 0.01% of women
#294a7c Deuteranomaly 6% of men, 0.4% of women
#254e66 Tritanomaly 0.01% of the population

#2d4379 hex color

#2d4379 Color Information

#2d4379 Color Conversion

Color Schemes with #2d4379

Alternatives to #2d4379

#2d4379 Preview

Shades and Tints of #2d4379

Tones of #2d4379

Color Blindness Simulator