#2d5aa4 hex color

In a RGB color space, hex #2d5aa4 is composed of 17.6% red, 35.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 45.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 217.3 degrees, a saturation of 56.9% and a lightness of 41%. #2d5aa4 color hex could be obtained by blending #5ab4ff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 35
- B 64
RGB color chart
- C 73
- M 45
- Y 0
- K 36
CMYK color chart

● #2d5aa4 color description : Dark blue.

The hexadecimal color #2d5aa4 has RGB values of R:45, G:90, B:164 and CMYK values of C:0.73, M:0.45, Y:0, K:0.36. Its decimal value is 2972324.

Hex triplet	2d5aa4	`#2d5aa4`
RGB Decimal	45, 90, 164	`rgb(45,90,164)`
RGB Percent	17.6, 35.3, 64.3	`rgb(17.6%,35.3%,64.3%)`
CMYK	73, 45, 0, 36
HSL	217.3°, 56.9, 41	`hsl(217.3,56.9%,41%)`
HSV (or HSB)	217.3°, 72.6, 64.3
Web Safe	336699	`#336699`

CIE-LAB	38.812, 10.596, -44.499
XYZ	11.438, 10.55, 36.553
xyY	0.195, 0.18, 10.55
CIE-LCH	38.812, 45.743, 283.393
CIE-LUV	38.812, -17.185, -64.805
Hunter-Lab	32.48, 6.017, -43.989
Binary	00101101, 01011010, 10100100

#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#a4772d
```
#a4772d rgb(164,119,45)
```

Complementary Color

#2d96a4
```
#2d96a4 rgb(45,150,164)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#3c2da4
```
#3c2da4 rgb(60,45,164)
```

Analogous Color

#96a42d
```
#96a42d rgb(150,164,45)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#a43c2d
```
#a43c2d rgb(164,60,45)
```

Split Complementary Color

#5aa42d
```
#5aa42d rgb(90,164,45)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#a42d5a
```
#a42d5a rgb(164,45,90)
```

Triadic Color

#2da477
```
#2da477 rgb(45,164,119)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#a42d5a
```
#a42d5a rgb(164,45,90)
```
#a4772d
```
#a4772d rgb(164,119,45)
```

Tetradic Color

#1d3968
```
#1d3968 rgb(29,57,104)
```
#22447c
```
#22447c rgb(34,68,124)
```
#284f90
```
#284f90 rgb(40,79,144)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#3265b8
```
#3265b8 rgb(50,101,184)
```
#3b71c9
```
#3b71c9 rgb(59,113,201)
```
#4f7fcf
```
#4f7fcf rgb(79,127,207)
```

Monochromatic Color

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

#2d78a4
```
#2d78a4 rgb(45,120,164)
```
#2d6ea4
```
#2d6ea4 rgb(45,110,164)
```
#2d64a4
```
#2d64a4 rgb(45,100,164)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#2d50a4
```
#2d50a4 rgb(45,80,164)
```
#2d46a4
```
#2d46a4 rgb(45,70,164)
```
#2d3ca4
```
#2d3ca4 rgb(45,60,164)
```

Similar Colors

Text with hexadecimal color #2d5aa4

This text has a font color of #2d5aa4.

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

#2d5aa4 background color

This paragraph has a background color of #2d5aa4.

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

#2d5aa4 border color

This element has a border color of #2d5aa4.

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

CSS codes

.text {color:#2d5aa4;}

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

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

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

#03060a
```
#03060a rgb(3,6,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1629
```
#0b1629 rgb(11,22,41)
```
#0f1f38
```
#0f1f38 rgb(15,31,56)
```
#142748
```
#142748 rgb(20,39,72)
```
#183057
```
#183057 rgb(24,48,87)
```
#1c3866
```
#1c3866 rgb(28,56,102)
```
#204176
```
#204176 rgb(32,65,118)
```
#254985
```
#254985 rgb(37,73,133)
```
#295295
```
#295295 rgb(41,82,149)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#3162b3
```
#3162b3 rgb(49,98,179)
```
#356bc3
```
#356bc3 rgb(53,107,195)
```

Shade Color Variation

#4175cb
```
#4175cb rgb(65,117,203)
```
#5080cf
```
#5080cf rgb(80,128,207)
```
#608bd3
```
#608bd3 rgb(96,139,211)
```
#6f97d8
```
#6f97d8 rgb(111,151,216)
```
#7fa2dc
```
#7fa2dc rgb(127,162,220)
```
#8eade0
```
#8eade0 rgb(142,173,224)
```
#9db8e4
```
#9db8e4 rgb(157,184,228)
```
#adc3e8
```
#adc3e8 rgb(173,195,232)
```
#bcceed
```
#bcceed rgb(188,206,237)
```
#ccdaf1
```
#ccdaf1 rgb(204,218,241)
```
#dbe5f5
```
#dbe5f5 rgb(219,229,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#65686c
```
#65686c rgb(101,104,108)
```
#5d6674
```
#5d6674 rgb(93,102,116)
```
#55647c
```
#55647c rgb(85,100,124)
```
#4d6284
```
#4d6284 rgb(77,98,132)
```
#45608c
```
#45608c rgb(69,96,140)
```
#3d5e94
```
#3d5e94 rgb(61,94,148)
```
#355c9c
```
#355c9c rgb(53,92,156)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#1d56b4
```
#1d56b4 rgb(29,86,180)
```
#1554bc
```
#1554bc rgb(21,84,188)
```
#0d52c4
```
#0d52c4 rgb(13,82,196)
```
#0550cc
```
#0550cc rgb(5,80,204)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5665 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f61a7 Protanopia 1% of men
#1c65a7 Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#385ea6 Protanomaly 1% of men, 0.01% of women
#2261a6 Deuteranomaly 6% of men, 0.4% of women
#106686 Tritanomaly 0.01% of the population

#2d5aa4 hex color

#2d5aa4 Color Information

#2d5aa4 Color Conversion

Color Schemes with #2d5aa4

Alternatives to #2d5aa4

#2d5aa4 Preview

Shades and Tints of #2d5aa4

Tones of #2d5aa4

Color Blindness Simulator