#2d5aab hex color

In a RGB color space, hex #2d5aab is composed of 17.6% red, 35.3% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 47.4% magenta, 0% yellow and 32.9% black. It has a hue angle of 218.6 degrees, a saturation of 58.3% and a lightness of 42.4%. #2d5aab color hex could be obtained by blending #5ab4ff with #000057. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 35
- B 67
RGB color chart
- C 74
- M 47
- Y 0
- K 33
CMYK color chart

● #2d5aab color description : Dark blue.

The hexadecimal color #2d5aab has RGB values of R:45, G:90, B:171 and CMYK values of C:0.74, M:0.47, Y:0, K:0.33. Its decimal value is 2972331.

Hex triplet	2d5aab	`#2d5aab`
RGB Decimal	45, 90, 171	`rgb(45,90,171)`
RGB Percent	17.6, 35.3, 67.1	`rgb(17.6%,35.3%,67.1%)`
CMYK	74, 47, 0, 33
HSL	218.6°, 58.3, 42.4	`hsl(218.6,58.3%,42.4%)`
HSV (or HSB)	218.6°, 73.7, 67.1
Web Safe	336699	`#336699`

CIE-LAB	39.258, 13.26, -47.938
XYZ	12.087, 10.81, 39.975
xyY	0.192, 0.172, 10.81
CIE-LCH	39.258, 49.738, 285.461
CIE-LUV	39.258, -17.083, -70.228
Hunter-Lab	32.878, 8.088, -49.074
Binary	00101101, 01011010, 10101011

#2d5aab
```
#2d5aab rgb(45,90,171)
```
#ab7e2d
```
#ab7e2d rgb(171,126,45)
```

Complementary Color

#2d99ab
```
#2d99ab rgb(45,153,171)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#3f2dab
```
#3f2dab rgb(63,45,171)
```

Analogous Color

#99ab2d
```
#99ab2d rgb(153,171,45)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#ab3f2d
```
#ab3f2d rgb(171,63,45)
```

Split Complementary Color

#5aab2d
```
#5aab2d rgb(90,171,45)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#ab2d5a
```
#ab2d5a rgb(171,45,90)
```

Triadic Color

#2dab7e
```
#2dab7e rgb(45,171,126)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#ab2d5a
```
#ab2d5a rgb(171,45,90)
```
#ab7e2d
```
#ab7e2d rgb(171,126,45)
```

Tetradic Color

#1d3a6e
```
#1d3a6e rgb(29,58,110)
```
#224583
```
#224583 rgb(34,69,131)
```
#284f97
```
#284f97 rgb(40,79,151)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#3265bf
```
#3265bf rgb(50,101,191)
```
#3f71cc
```
#3f71cc rgb(63,113,204)
```
#5380d2
```
#5380d2 rgb(83,128,210)
```

Monochromatic Color

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

#2d7aab
```
#2d7aab rgb(45,122,171)
```
#2d6fab
```
#2d6fab rgb(45,111,171)
```
#2d65ab
```
#2d65ab rgb(45,101,171)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#2d50ab
```
#2d50ab rgb(45,80,171)
```
#2d45ab
```
#2d45ab rgb(45,69,171)
```
#2d3bab
```
#2d3bab rgb(45,59,171)
```

Similar Colors

Text with hexadecimal color #2d5aab

This text has a font color of #2d5aab.

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

#2d5aab background color

This paragraph has a background color of #2d5aab.

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

#2d5aab border color

This element has a border color of #2d5aab.

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

CSS codes

.text {color:#2d5aab;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040810
```
#040810 rgb(4,8,16)
```
#08101f
```
#08101f rgb(8,16,31)
```
#0c192f
```
#0c192f rgb(12,25,47)
```
#10213e
```
#10213e rgb(16,33,62)
```
#14294e
```
#14294e rgb(20,41,78)
```
#19315d
```
#19315d rgb(25,49,93)
```
#1d396d
```
#1d396d rgb(29,57,109)
```
#21417c
```
#21417c rgb(33,65,124)
```
#254a8c
```
#254a8c rgb(37,74,140)
```
#29529b
```
#29529b rgb(41,82,155)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#3162bb
```
#3162bb rgb(49,98,187)
```

Shade Color Variation

#356aca
```
#356aca rgb(53,106,202)
```
#4576ce
```
#4576ce rgb(69,118,206)
```
#5481d2
```
#5481d2 rgb(84,129,210)
```
#648dd6
```
#648dd6 rgb(100,141,214)
```
#7398da
```
#7398da rgb(115,152,218)
```
#83a4de
```
#83a4de rgb(131,164,222)
```
#92afe2
```
#92afe2 rgb(146,175,226)
```
#a2bae7
```
#a2bae7 rgb(162,186,231)
```
#b2c6eb
```
#b2c6eb rgb(178,198,235)
```
#c1d1ef
```
#c1d1ef rgb(193,209,239)
```
#d1ddf3
```
#d1ddf3 rgb(209,221,243)
```
#e0e8f7
```
#e0e8f7 rgb(224,232,247)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b71 is the less saturated color, while #034ed5 is the most saturated one.

#676b71
```
#676b71 rgb(103,107,113)
```
#5f6879
```
#5f6879 rgb(95,104,121)
```
#576681
```
#576681 rgb(87,102,129)
```
#4e638a
```
#4e638a rgb(78,99,138)
```
#466192
```
#466192 rgb(70,97,146)
```
#3e5f9a
```
#3e5f9a rgb(62,95,154)
```
#355ca3
```
#355ca3 rgb(53,92,163)
```
#2d5aab
```
#2d5aab rgb(45,90,171)
```
#2558b3
```
#2558b3 rgb(37,88,179)
```
#1c55bc
```
#1c55bc rgb(28,85,188)
```
#1453c4
```
#1453c4 rgb(20,83,196)
```
#0c51cc
```
#0c51cc rgb(12,81,204)
```
#034ed5
```
#034ed5 rgb(3,78,213)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3962af Protanopia 1% of men
#0066aa Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#355fad Protanomaly 1% of men, 0.01% of women
#1062aa Deuteranomaly 6% of men, 0.4% of women
#106789 Tritanomaly 0.01% of the population

#2d5aab hex color

#2d5aab Color Information

#2d5aab Color Conversion

Color Schemes with #2d5aab

Alternatives to #2d5aab

#2d5aab Preview

Shades and Tints of #2d5aab

Tones of #2d5aab

Color Blindness Simulator