#2d4ea5 hex color

In a RGB color space, hex #2d4ea5 is composed of 17.6% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 223.5 degrees, a saturation of 57.1% and a lightness of 41.2%. #2d4ea5 color hex could be obtained by blending #5a9cff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 31
- B 65
RGB color chart
- C 73
- M 53
- Y 0
- K 35
CMYK color chart

● #2d4ea5 color description : Dark blue.

The hexadecimal color #2d4ea5 has RGB values of R:45, G:78, B:165 and CMYK values of C:0.73, M:0.53, Y:0, K:0.35. Its decimal value is 2969253.

Hex triplet	2d4ea5	`#2d4ea5`
RGB Decimal	45, 78, 165	`rgb(45,78,165)`
RGB Percent	17.6, 30.6, 64.7	`rgb(17.6%,30.6%,64.7%)`
CMYK	73, 53, 0, 35
HSL	223.5°, 57.1, 41.2	`hsl(223.5,57.1%,41.2%)`
HSV (or HSB)	223.5°, 72.7, 64.7
Web Safe	336699	`#336699`

CIE-LAB	35.445, 18.903, -50.515
XYZ	10.597, 8.723, 36.72
xyY	0.189, 0.156, 8.723
CIE-LCH	35.445, 53.936, 290.516
CIE-LUV	35.445, -13.533, -72.027
Hunter-Lab	29.534, 12.36, -53.043
Binary	00101101, 01001110, 10100101

#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#a5842d
```
#a5842d rgb(165,132,45)
```

Complementary Color

#2d8aa5
```
#2d8aa5 rgb(45,138,165)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#482da5
```
#482da5 rgb(72,45,165)
```

Analogous Color

#8aa52d
```
#8aa52d rgb(138,165,45)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#a5482d
```
#a5482d rgb(165,72,45)
```

Split Complementary Color

#4ea52d
```
#4ea52d rgb(78,165,45)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#a52d4e
```
#a52d4e rgb(165,45,78)
```

Triadic Color

#2da584
```
#2da584 rgb(45,165,132)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#a52d4e
```
#a52d4e rgb(165,45,78)
```
#a5842d
```
#a5842d rgb(165,132,45)
```

Tetradic Color

#1d3269
```
#1d3269 rgb(29,50,105)
```
#223b7d
```
#223b7d rgb(34,59,125)
```
#284591
```
#284591 rgb(40,69,145)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#3257b9
```
#3257b9 rgb(50,87,185)
```
#3b62ca
```
#3b62ca rgb(59,98,202)
```
#4f73cf
```
#4f73cf rgb(79,115,207)
```

Monochromatic Color

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

#2d6ca5
```
#2d6ca5 rgb(45,108,165)
```
#2d62a5
```
#2d62a5 rgb(45,98,165)
```
#2d58a5
```
#2d58a5 rgb(45,88,165)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#2d44a5
```
#2d44a5 rgb(45,68,165)
```
#2d3aa5
```
#2d3aa5 rgb(45,58,165)
```
#2d30a5
```
#2d30a5 rgb(45,48,165)
```

Similar Colors

Text with hexadecimal color #2d4ea5

This text has a font color of #2d4ea5.

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

#2d4ea5 background color

This paragraph has a background color of #2d4ea5.

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

#2d4ea5 border color

This element has a border color of #2d4ea5.

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

CSS codes

.text {color:#2d4ea5;}

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

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

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

#03050b
```
#03050b rgb(3,5,11)
```
#070c1a
```
#070c1a rgb(7,12,26)
```
#0b142a
```
#0b142a rgb(11,20,42)
```
#101b39
```
#101b39 rgb(16,27,57)
```
#142249
```
#142249 rgb(20,34,73)
```
#182a58
```
#182a58 rgb(24,42,88)
```
#1c3167
```
#1c3167 rgb(28,49,103)
```
#203877
```
#203877 rgb(32,56,119)
```
#253f86
```
#253f86 rgb(37,63,134)
```
#294796
```
#294796 rgb(41,71,150)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#3155b4
```
#3155b4 rgb(49,85,180)
```
#355dc4
```
#355dc4 rgb(53,93,196)
```

Shade Color Variation

#4267cb
```
#4267cb rgb(66,103,203)
```
#5174d0
```
#5174d0 rgb(81,116,208)
```
#6080d4
```
#6080d4 rgb(96,128,212)
```
#708cd8
```
#708cd8 rgb(112,140,216)
```
#7f99dc
```
#7f99dc rgb(127,153,220)
```
#8fa5e0
```
#8fa5e0 rgb(143,165,224)
```
#9eb1e5
```
#9eb1e5 rgb(158,177,229)
```
#adbee9
```
#adbee9 rgb(173,190,233)
```
#bdcaed
```
#bdcaed rgb(189,202,237)
```
#ccd6f1
```
#ccd6f1 rgb(204,214,241)
```
#dce3f5
```
#dce3f5 rgb(220,227,245)
```
#ebeffa
```
#ebeffa rgb(235,239,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#66676c
```
#66676c rgb(102,103,108)
```
#5d6475
```
#5d6475 rgb(93,100,117)
```
#55607d
```
#55607d rgb(85,96,125)
```
#4d5d85
```
#4d5d85 rgb(77,93,133)
```
#45598d
```
#45598d rgb(69,89,141)
```
#3d5595
```
#3d5595 rgb(61,85,149)
```
#35529d
```
#35529d rgb(53,82,157)
```
#2d4ea5
```
#2d4ea5 rgb(45,78,165)
```
#254aad
```
#254aad rgb(37,74,173)
```
#1d47b5
```
#1d47b5 rgb(29,71,181)
```
#1543bd
```
#1543bd rgb(21,67,189)
```
#0d3fc5
```
#0d3fc5 rgb(13,63,197)
```
#053ccd
```
#053ccd rgb(5,60,205)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d59ab Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#2355a9 Protanomaly 1% of men, 0.01% of women
#10589e Deuteranomaly 6% of men, 0.4% of women
#105c80 Tritanomaly 0.01% of the population

#2d4ea5 hex color

#2d4ea5 Color Information

#2d4ea5 Color Conversion

Color Schemes with #2d4ea5

Alternatives to #2d4ea5

#2d4ea5 Preview

Shades and Tints of #2d4ea5

Tones of #2d4ea5

Color Blindness Simulator