#2d5ab3 hex color

In a RGB color space, hex #2d5ab3 is composed of 17.6% red, 35.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 49.7% magenta, 0% yellow and 29.8% black. It has a hue angle of 219.9 degrees, a saturation of 59.8% and a lightness of 43.9%. #2d5ab3 color hex could be obtained by blending #5ab4ff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 35
- B 70
RGB color chart
- C 75
- M 50
- Y 0
- K 30
CMYK color chart

● #2d5ab3 color description : Moderate blue.

The hexadecimal color #2d5ab3 has RGB values of R:45, G:90, B:179 and CMYK values of C:0.75, M:0.5, Y:0, K:0.3. Its decimal value is 2972339.

Hex triplet	2d5ab3	`#2d5ab3`
RGB Decimal	45, 90, 179	`rgb(45,90,179)`
RGB Percent	17.6, 35.3, 70.2	`rgb(17.6%,35.3%,70.2%)`
CMYK	75, 50, 0, 30
HSL	219.9°, 59.8, 43.9	`hsl(219.9,59.8%,43.9%)`
HSV (or HSB)	219.9°, 74.9, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.788, 16.308, -51.804
XYZ	12.873, 11.124, 44.114
xyY	0.189, 0.163, 11.124
CIE-LCH	39.788, 54.31, 287.474
CIE-LUV	39.788, -16.985, -76.31
Hunter-Lab	33.353, 10.529, -55.074
Binary	00101101, 01011010, 10110011

#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#b3862d
```
#b3862d rgb(179,134,45)
```

Complementary Color

#2d9db3
```
#2d9db3 rgb(45,157,179)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#432db3
```
#432db3 rgb(67,45,179)
```

Analogous Color

#9db32d
```
#9db32d rgb(157,179,45)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#b3432d
```
#b3432d rgb(179,67,45)
```

Split Complementary Color

#5ab32d
```
#5ab32d rgb(90,179,45)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#b32d5a
```
#b32d5a rgb(179,45,90)
```

Triadic Color

#2db386
```
#2db386 rgb(45,179,134)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#b32d5a
```
#b32d5a rgb(179,45,90)
```
#b3862d
```
#b3862d rgb(179,134,45)
```

Tetradic Color

#1e3b76
```
#1e3b76 rgb(30,59,118)
```
#23468a
```
#23468a rgb(35,70,138)
```
#28509f
```
#28509f rgb(40,80,159)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#3264c7
```
#3264c7 rgb(50,100,199)
```
#4372d0
```
#4372d0 rgb(67,114,208)
```
#5882d5
```
#5882d5 rgb(88,130,213)
```

Monochromatic Color

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

#2d7cb3
```
#2d7cb3 rgb(45,124,179)
```
#2d70b3
```
#2d70b3 rgb(45,112,179)
```
#2d65b3
```
#2d65b3 rgb(45,101,179)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#2d4fb3
```
#2d4fb3 rgb(45,79,179)
```
#2d44b3
```
#2d44b3 rgb(45,68,179)
```
#2d39b3
```
#2d39b3 rgb(45,57,179)
```

Similar Colors

Text with hexadecimal color #2d5ab3

This text has a font color of #2d5ab3.

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

#2d5ab3 background color

This paragraph has a background color of #2d5ab3.

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

#2d5ab3 border color

This element has a border color of #2d5ab3.

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

CSS codes

.text {color:#2d5ab3;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060b16
```
#060b16 rgb(6,11,22)
```
#0a1326
```
#0a1326 rgb(10,19,38)
```
#0d1b36
```
#0d1b36 rgb(13,27,54)
```
#112345
```
#112345 rgb(17,35,69)
```
#152b55
```
#152b55 rgb(21,43,85)
```
#193365
```
#193365 rgb(25,51,101)
```
#1d3a74
```
#1d3a74 rgb(29,58,116)
```
#214284
```
#214284 rgb(33,66,132)
```
#254a94
```
#254a94 rgb(37,74,148)
```
#2952a3
```
#2952a3 rgb(41,82,163)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#3162c3
```
#3162c3 rgb(49,98,195)
```

Shade Color Variation

#3a6bcd
```
#3a6bcd rgb(58,107,205)
```
#4977d1
```
#4977d1 rgb(73,119,209)
```
#5983d5
```
#5983d5 rgb(89,131,213)
```
#698fd9
```
#698fd9 rgb(105,143,217)
```
#799add
```
#799add rgb(121,154,221)
```
#88a6e1
```
#88a6e1 rgb(136,166,225)
```
#98b2e5
```
#98b2e5 rgb(152,178,229)
```
#a8bee9
```
#a8bee9 rgb(168,190,233)
```
#b7c9ed
```
#b7c9ed rgb(183,201,237)
```
#c7d5f1
```
#c7d5f1 rgb(199,213,241)
```
#d7e1f5
```
#d7e1f5 rgb(215,225,245)
```
#e6ecf9
```
#e6ecf9 rgb(230,236,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696e77 is the less saturated color, while #024cde is the most saturated one.

#696e77
```
#696e77 rgb(105,110,119)
```
#616b7f
```
#616b7f rgb(97,107,127)
```
#586888
```
#586888 rgb(88,104,136)
```
#4f6591
```
#4f6591 rgb(79,101,145)
```
#476299
```
#476299 rgb(71,98,153)
```
#3e60a2
```
#3e60a2 rgb(62,96,162)
```
#365daa
```
#365daa rgb(54,93,170)
```
#2d5ab3
```
#2d5ab3 rgb(45,90,179)
```
#2457bc
```
#2457bc rgb(36,87,188)
```
#1c54c4
```
#1c54c4 rgb(28,84,196)
```
#1352cd
```
#1352cd rgb(19,82,205)
```
#0b4fd5
```
#0b4fd5 rgb(11,79,213)
```
#024cde
```
#024cde rgb(2,76,222)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3063b7 Protanopia 1% of men
#0068ab Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#2f5fb5 Protanomaly 1% of men, 0.01% of women
#1062ae Deuteranomaly 6% of men, 0.4% of women
#10688d Tritanomaly 0.01% of the population

#2d5ab3 hex color

#2d5ab3 Color Information

#2d5ab3 Color Conversion

Color Schemes with #2d5ab3

Alternatives to #2d5ab3

#2d5ab3 Preview

Shades and Tints of #2d5ab3

Tones of #2d5ab3

Color Blindness Simulator