#2d5cb8 hex color

In a RGB color space, hex #2d5cb8 is composed of 17.6% red, 36.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 50% magenta, 0% yellow and 27.8% black. It has a hue angle of 219.7 degrees, a saturation of 60.7% and a lightness of 44.9%. #2d5cb8 color hex could be obtained by blending #5ab8ff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 72
RGB color chart
- C 76
- M 50
- Y 0
- K 28
CMYK color chart

● #2d5cb8 color description : Strong blue.

The hexadecimal color #2d5cb8 has RGB values of R:45, G:92, B:184 and CMYK values of C:0.76, M:0.5, Y:0, K:0.28. Its decimal value is 2972856.

Hex triplet	2d5cb8	`#2d5cb8`
RGB Decimal	45, 92, 184	`rgb(45,92,184)`
RGB Percent	17.6, 36.1, 72.2	`rgb(17.6%,36.1%,72.2%)`
CMYK	76, 50, 0, 28
HSL	219.7°, 60.7, 44.9	`hsl(219.7,60.7%,44.9%)`
HSV (or HSB)	219.7°, 75.5, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.69, 16.905, -53.284
XYZ	13.559, 11.672, 46.883
xyY	0.188, 0.162, 11.672
CIE-LCH	40.69, 55.901, 287.602
CIE-LUV	40.69, -17.525, -78.987
Hunter-Lab	34.164, 11.056, -57.448
Binary	00101101, 01011100, 10111000

#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#b8892d
```
#b8892d rgb(184,137,45)
```

Complementary Color

#2da2b8
```
#2da2b8 rgb(45,162,184)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#432db8
```
#432db8 rgb(67,45,184)
```

Analogous Color

#a2b82d
```
#a2b82d rgb(162,184,45)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#b8432d
```
#b8432d rgb(184,67,45)
```

Split Complementary Color

#5cb82d
```
#5cb82d rgb(92,184,45)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#b82d5c
```
#b82d5c rgb(184,45,92)
```

Triadic Color

#2db889
```
#2db889 rgb(45,184,137)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#b82d5c
```
#b82d5c rgb(184,45,92)
```
#b8892d
```
#b8892d rgb(184,137,45)
```

Tetradic Color

#1e3d7b
```
#1e3d7b rgb(30,61,123)
```
#23488f
```
#23488f rgb(35,72,143)
```
#2852a4
```
#2852a4 rgb(40,82,164)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#3266cc
```
#3266cc rgb(50,102,204)
```
#4675d2
```
#4675d2 rgb(70,117,210)
```
#5b85d7
```
#5b85d7 rgb(91,133,215)
```

Monochromatic Color

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

#2d7fb8
```
#2d7fb8 rgb(45,127,184)
```
#2d73b8
```
#2d73b8 rgb(45,115,184)
```
#2d68b8
```
#2d68b8 rgb(45,104,184)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#2d50b8
```
#2d50b8 rgb(45,80,184)
```
#2d45b8
```
#2d45b8 rgb(45,69,184)
```
#2d39b8
```
#2d39b8 rgb(45,57,184)
```

Similar Colors

Text with hexadecimal color #2d5cb8

This text has a font color of #2d5cb8.

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

#2d5cb8 background color

This paragraph has a background color of #2d5cb8.

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

#2d5cb8 border color

This element has a border color of #2d5cb8.

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

CSS codes

.text {color:#2d5cb8;}

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

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

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)
```
#060d1a
```
#060d1a rgb(6,13,26)
```
#0a152a
```
#0a152a rgb(10,21,42)
```
#0e1d3a
```
#0e1d3a rgb(14,29,58)
```
#12254a
```
#12254a rgb(18,37,74)
```
#162d59
```
#162d59 rgb(22,45,89)
```
#1a3569
```
#1a3569 rgb(26,53,105)
```
#1e3c79
```
#1e3c79 rgb(30,60,121)
```
#214489
```
#214489 rgb(33,68,137)
```
#254c98
```
#254c98 rgb(37,76,152)
```
#2954a8
```
#2954a8 rgb(41,84,168)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#3164c8
```
#3164c8 rgb(49,100,200)
```

Shade Color Variation

#3d6ecf
```
#3d6ecf rgb(61,110,207)
```
#4d7ad3
```
#4d7ad3 rgb(77,122,211)
```
#5c86d7
```
#5c86d7 rgb(92,134,215)
```
#6c92db
```
#6c92db rgb(108,146,219)
```
#7c9ddf
```
#7c9ddf rgb(124,157,223)
```
#8ca9e3
```
#8ca9e3 rgb(140,169,227)
```
#9bb5e7
```
#9bb5e7 rgb(155,181,231)
```
#abc1ea
```
#abc1ea rgb(171,193,234)
```
#bbccee
```
#bbccee rgb(187,204,238)
```
#cbd8f2
```
#cbd8f2 rgb(203,216,242)
```
#dae4f6
```
#dae4f6 rgb(218,228,246)
```
#eaeffa
```
#eaeffa rgb(234,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, #6b707a is the less saturated color, while #014ee4 is the most saturated one.

#6b707a
```
#6b707a rgb(107,112,122)
```
#626d83
```
#626d83 rgb(98,109,131)
```
#596a8c
```
#596a8c rgb(89,106,140)
```
#506795
```
#506795 rgb(80,103,149)
```
#47659e
```
#47659e rgb(71,101,158)
```
#3f62a6
```
#3f62a6 rgb(63,98,166)
```
#365faf
```
#365faf rgb(54,95,175)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#2459c1
```
#2459c1 rgb(36,89,193)
```
#1b56ca
```
#1b56ca rgb(27,86,202)
```
#1353d2
```
#1353d2 rgb(19,83,210)
```
#0a51db
```
#0a51db rgb(10,81,219)
```
#014ee4
```
#014ee4 rgb(1,78,228)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f596b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f65bc Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2e61ba Protanomaly 1% of men, 0.01% of women
#1065b2 Deuteranomaly 6% of men, 0.4% of women
#106a90 Tritanomaly 0.01% of the population

#2d5cb8 hex color

#2d5cb8 Color Information

#2d5cb8 Color Conversion

Color Schemes with #2d5cb8

Alternatives to #2d5cb8

#2d5cb8 Preview

Shades and Tints of #2d5cb8

Tones of #2d5cb8

Color Blindness Simulator