#2d417a hex color

In a RGB color space, hex #2d417a is composed of 17.6% red, 25.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 46.7% magenta, 0% yellow and 52.2% black. It has a hue angle of 224.4 degrees, a saturation of 46.1% and a lightness of 32.7%. #2d417a color hex could be obtained by blending #5a82f4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 25
- B 48
RGB color chart
- C 63
- M 47
- Y 0
- K 52
CMYK color chart

● #2d417a color description : Dark moderate blue.

The hexadecimal color #2d417a has RGB values of R:45, G:65, B:122 and CMYK values of C:0.63, M:0.47, Y:0, K:0.52. Its decimal value is 2965882.

Hex triplet	2d417a	`#2d417a`
RGB Decimal	45, 65, 122	`rgb(45,65,122)`
RGB Percent	17.6, 25.5, 47.8	`rgb(17.6%,25.5%,47.8%)`
CMYK	63, 47, 0, 52
HSL	224.4°, 46.1, 32.7	`hsl(224.4,46.1%,32.7%)`
HSV (or HSB)	224.4°, 63.1, 47.8
Web Safe	333366	`#333366`

CIE-LAB	28.755, 11.397, -34.946
XYZ	6.485, 5.743, 19.178
xyY	0.206, 0.183, 5.743
CIE-LCH	28.755, 36.757, 288.063
CIE-LUV	28.755, -9.387, -46.401
Hunter-Lab	23.965, 6.36, -30.671
Binary	00101101, 01000001, 01111010

#2d417a
```
#2d417a rgb(45,65,122)
```
#7a662d
```
#7a662d rgb(122,102,45)
```

Complementary Color

#2d687a
```
#2d687a rgb(45,104,122)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#3f2d7a
```
#3f2d7a rgb(63,45,122)
```

Analogous Color

#687a2d
```
#687a2d rgb(104,122,45)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#7a3f2d
```
#7a3f2d rgb(122,63,45)
```

Split Complementary Color

#417a2d
```
#417a2d rgb(65,122,45)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#7a2d41
```
#7a2d41 rgb(122,45,65)
```

Triadic Color

#2d7a66
```
#2d7a66 rgb(45,122,102)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#7a2d41
```
#7a2d41 rgb(122,45,65)
```
#7a662d
```
#7a662d rgb(122,102,45)
```

Tetradic Color

#182342
```
#182342 rgb(24,35,66)
```
#1f2d55
```
#1f2d55 rgb(31,45,85)
```
#263767
```
#263767 rgb(38,55,103)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#344b8d
```
#344b8d rgb(52,75,141)
```
#3b559f
```
#3b559f rgb(59,85,159)
```
#425fb2
```
#425fb2 rgb(66,95,178)
```

Monochromatic Color

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

#2d547a
```
#2d547a rgb(45,84,122)
```
#2d4e7a
```
#2d4e7a rgb(45,78,122)
```
#2d477a
```
#2d477a rgb(45,71,122)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#2d3b7a
```
#2d3b7a rgb(45,59,122)
```
#2d347a
```
#2d347a rgb(45,52,122)
```
#2d2e7a
```
#2d2e7a rgb(45,46,122)
```

Similar Colors

Text with hexadecimal color #2d417a

This text has a font color of #2d417a.

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

#2d417a background color

This paragraph has a background color of #2d417a.

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

#2d417a border color

This element has a border color of #2d417a.

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

CSS codes

.text {color:#2d417a;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080c16
```
#080c16 rgb(8,12,22)
```
#0d1324
```
#0d1324 rgb(13,19,36)
```
#131b32
```
#131b32 rgb(19,27,50)
```
#182241
```
#182241 rgb(24,34,65)
```
#1d2a4f
```
#1d2a4f rgb(29,42,79)
```
#22325d
```
#22325d rgb(34,50,93)
```
#28396c
```
#28396c rgb(40,57,108)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#324988
```
#324988 rgb(50,73,136)
```
#385097
```
#385097 rgb(56,80,151)
```
#3d58a5
```
#3d58a5 rgb(61,88,165)
```
#4260b3
```
#4260b3 rgb(66,96,179)
```

Shade Color Variation

#4c69bd
```
#4c69bd rgb(76,105,189)
```
#5a75c2
```
#5a75c2 rgb(90,117,194)
```
#6981c8
```
#6981c8 rgb(105,129,200)
```
#778dcd
```
#778dcd rgb(119,141,205)
```
#8599d2
```
#8599d2 rgb(133,153,210)
```
#94a5d7
```
#94a5d7 rgb(148,165,215)
```
#a2b1dd
```
#a2b1dd rgb(162,177,221)
```
#b0bde2
```
#b0bde2 rgb(176,189,226)
```
#bfc9e7
```
#bfc9e7 rgb(191,201,231)
```
#cdd5ed
```
#cdd5ed rgb(205,213,237)
```
#dbe1f2
```
#dbe1f2 rgb(219,225,242)
```
#eaedf7
```
#eaedf7 rgb(234,237,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#4d505a
```
#4d505a rgb(77,80,90)
```
#474d60
```
#474d60 rgb(71,77,96)
```
#404a67
```
#404a67 rgb(64,74,103)
```
#3a476d
```
#3a476d rgb(58,71,109)
```
#334474
```
#334474 rgb(51,68,116)
```
#2d417a
```
#2d417a rgb(45,65,122)
```
#273e80
```
#273e80 rgb(39,62,128)
```
#203b87
```
#203b87 rgb(32,59,135)
```
#1a388d
```
#1a388d rgb(26,56,141)
```
#133594
```
#133594 rgb(19,53,148)
```
#0d329a
```
#0d329a rgb(13,50,154)
```
#062ea1
```
#062ea1 rgb(6,46,161)
```
#002ba7
```
#002ba7 rgb(0,43,167)
```

Tone Color Variation

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

Dichromacy

#324b81 Protanopia 1% of men
#204e7f Deuteranopia 1% of men
#1f545a Tritanopia 0.001% of the population

Trichromacy

#30477e Protanomaly 1% of men, 0.01% of women
#25497d Deuteranomaly 6% of men, 0.4% of women
#244d65 Tritanomaly 0.01% of the population

#2d417a hex color

#2d417a Color Information

#2d417a Color Conversion

Color Schemes with #2d417a

Alternatives to #2d417a

#2d417a Preview

Shades and Tints of #2d417a

Tones of #2d417a

Color Blindness Simulator