#2c5fb5 hex color

In a RGB color space, hex #2c5fb5 is composed of 17.3% red, 37.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 47.5% magenta, 0% yellow and 29% black. It has a hue angle of 217.7 degrees, a saturation of 60.9% and a lightness of 44.1%. #2c5fb5 color hex could be obtained by blending #58beff with #00006b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 37
- B 71
RGB color chart
- C 76
- M 48
- Y 0
- K 29
CMYK color chart

● #2c5fb5 color description : Strong blue.

The hexadecimal color #2c5fb5 has RGB values of R:44, G:95, B:181 and CMYK values of C:0.76, M:0.48, Y:0, K:0.29. Its decimal value is 2908085.

Hex triplet	2c5fb5	`#2c5fb5`
RGB Decimal	44, 95, 181	`rgb(44,95,181)`
RGB Percent	17.3, 37.3, 71	`rgb(17.3%,37.3%,71%)`
CMYK	76, 48, 0, 29
HSL	217.7°, 60.9, 44.1	`hsl(217.7,60.9%,44.1%)`
HSV (or HSB)	217.7°, 75.7, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.304, 13.682, -50.54
XYZ	13.47, 12.055, 45.331
xyY	0.19, 0.17, 12.055
CIE-LCH	41.304, 52.359, 285.148
CIE-LUV	41.304, -18.64, -75.09
Hunter-Lab	34.72, 8.487, -53.104
Binary	00101100, 01011111, 10110101

#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#b5822c
```
#b5822c rgb(181,130,44)
```

Complementary Color

#2ca4b5
```
#2ca4b5 rgb(44,164,181)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#3d2cb5
```
#3d2cb5 rgb(61,44,181)
```

Analogous Color

#a4b52c
```
#a4b52c rgb(164,181,44)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#b53e2c
```
#b53e2c rgb(181,62,44)
```

Split Complementary Color

#5fb52c
```
#5fb52c rgb(95,181,44)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#b52c5f
```
#b52c5f rgb(181,44,95)
```

Triadic Color

#2cb582
```
#2cb582 rgb(44,181,130)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#b52c5f
```
#b52c5f rgb(181,44,95)
```
#b5822c
```
#b5822c rgb(181,130,44)
```

Tetradic Color

#1d3f77
```
#1d3f77 rgb(29,63,119)
```
#22498c
```
#22498c rgb(34,73,140)
```
#2754a0
```
#2754a0 rgb(39,84,160)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#316aca
```
#316aca rgb(49,106,202)
```
#4378d1
```
#4378d1 rgb(67,120,209)
```
#5787d6
```
#5787d6 rgb(87,135,214)
```

Monochromatic Color

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

#2c81b5
```
#2c81b5 rgb(44,129,181)
```
#2c76b5
```
#2c76b5 rgb(44,118,181)
```
#2c6ab5
```
#2c6ab5 rgb(44,106,181)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#2c54b5
```
#2c54b5 rgb(44,84,181)
```
#2c48b5
```
#2c48b5 rgb(44,72,181)
```
#2c3db5
```
#2c3db5 rgb(44,61,181)
```

Similar Colors

Text with hexadecimal color #2c5fb5

This text has a font color of #2c5fb5.

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

#2c5fb5 background color

This paragraph has a background color of #2c5fb5.

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

#2c5fb5 border color

This element has a border color of #2c5fb5.

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

CSS codes

.text {color:#2c5fb5;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060c17
```
#060c17 rgb(6,12,23)
```
#091427
```
#091427 rgb(9,20,39)
```
#0d1d37
```
#0d1d37 rgb(13,29,55)
```
#112547
```
#112547 rgb(17,37,71)
```
#152d56
```
#152d56 rgb(21,45,86)
```
#193666
```
#193666 rgb(25,54,102)
```
#1d3e76
```
#1d3e76 rgb(29,62,118)
```
#204686
```
#204686 rgb(32,70,134)
```
#244e95
```
#244e95 rgb(36,78,149)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#3067c5
```
#3067c5 rgb(48,103,197)
```

Shade Color Variation

#3971cf
```
#3971cf rgb(57,113,207)
```
#497cd3
```
#497cd3 rgb(73,124,211)
```
#5988d7
```
#5988d7 rgb(89,136,215)
```
#6993da
```
#6993da rgb(105,147,218)
```
#789ede
```
#789ede rgb(120,158,222)
```
#88aae2
```
#88aae2 rgb(136,170,226)
```
#98b5e6
```
#98b5e6 rgb(152,181,230)
```
#a8c0ea
```
#a8c0ea rgb(168,192,234)
```
#b8ccee
```
#b8ccee rgb(184,204,238)
```
#c7d7f1
```
#c7d7f1 rgb(199,215,241)
```
#d7e2f5
```
#d7e2f5 rgb(215,226,245)
```
#e7eef9
```
#e7eef9 rgb(231,238,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#696e78
```
#696e78 rgb(105,110,120)
```
#606c81
```
#606c81 rgb(96,108,129)
```
#576a8a
```
#576a8a rgb(87,106,138)
```
#4f6892
```
#4f6892 rgb(79,104,146)
```
#46669b
```
#46669b rgb(70,102,155)
```
#3d63a4
```
#3d63a4 rgb(61,99,164)
```
#3561ac
```
#3561ac rgb(53,97,172)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#235dbe
```
#235dbe rgb(35,93,190)
```
#1b5bc6
```
#1b5bc6 rgb(27,91,198)
```
#1258cf
```
#1258cf rgb(18,88,207)
```
#0956d8
```
#0956d8 rgb(9,86,216)
```
#0154e0
```
#0154e0 rgb(1,84,224)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a66b8 Protanopia 1% of men
#006bb2 Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3564b7 Protanomaly 1% of men, 0.01% of women
#1066b3 Deuteranomaly 6% of men, 0.4% of women
#106c90 Tritanomaly 0.01% of the population

#2c5fb5 hex color

#2c5fb5 Color Information

#2c5fb5 Color Conversion

Color Schemes with #2c5fb5

Alternatives to #2c5fb5

#2c5fb5 Preview

Shades and Tints of #2c5fb5

Tones of #2c5fb5

Color Blindness Simulator