#2c58be hex color

In a RGB color space, hex #2c58be is composed of 17.3% red, 34.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 53.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 221.9 degrees, a saturation of 62.4% and a lightness of 45.9%. #2c58be color hex could be obtained by blending #58b0ff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 35
- B 75
RGB color chart
- C 77
- M 54
- Y 0
- K 25
CMYK color chart

● #2c58be color description : Strong blue.

The hexadecimal color #2c58be has RGB values of R:44, G:88, B:190 and CMYK values of C:0.77, M:0.54, Y:0, K:0.25. Its decimal value is 2906302.

Hex triplet	2c58be	`#2c58be`
RGB Decimal	44, 88, 190	`rgb(44,88,190)`
RGB Percent	17.3, 34.5, 74.5	`rgb(17.3%,34.5%,74.5%)`
CMYK	77, 54, 0, 25
HSL	221.9°, 62.4, 45.9	`hsl(221.9,62.4%,45.9%)`
HSV (or HSB)	221.9°, 76.8, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.968, 21.685, -57.96
XYZ	13.821, 11.232, 50.152
xyY	0.184, 0.149, 11.232
CIE-LCH	39.968, 61.884, 290.513
CIE-LUV	39.968, -16.471, -85.498
Hunter-Lab	33.514, 14.963, -65.266
Binary	00101100, 01011000, 10111110

#2c58be
```
#2c58be rgb(44,88,190)
```
#be922c
```
#be922c rgb(190,146,44)
```

Complementary Color

#2ca1be
```
#2ca1be rgb(44,161,190)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#492cbe
```
#492cbe rgb(73,44,190)
```

Analogous Color

#a1be2c
```
#a1be2c rgb(161,190,44)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#be492c
```
#be492c rgb(190,73,44)
```

Split Complementary Color

#58be2c
```
#58be2c rgb(88,190,44)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#be2c58
```
#be2c58 rgb(190,44,88)
```

Triadic Color

#2cbe92
```
#2cbe92 rgb(44,190,146)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#be2c58
```
#be2c58 rgb(190,44,88)
```
#be922c
```
#be922c rgb(190,146,44)
```

Tetradic Color

#1e3b80
```
#1e3b80 rgb(30,59,128)
```
#224595
```
#224595 rgb(34,69,149)
```
#274ea9
```
#274ea9 rgb(39,78,169)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#3463d0
```
#3463d0 rgb(52,99,208)
```
#4873d5
```
#4873d5 rgb(72,115,213)
```
#5d83d9
```
#5d83d9 rgb(93,131,217)
```

Monochromatic Color

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

#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#2c70be
```
#2c70be rgb(44,112,190)
```
#2c64be
```
#2c64be rgb(44,100,190)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#2c4cbe
```
#2c4cbe rgb(44,76,190)
```
#2c40be
```
#2c40be rgb(44,64,190)
```
#2c34be
```
#2c34be rgb(44,52,190)
```

Similar Colors

Text with hexadecimal color #2c58be

This text has a font color of #2c58be.

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

#2c58be background color

This paragraph has a background color of #2c58be.

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

#2c58be border color

This element has a border color of #2c58be.

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

CSS codes

.text {color:#2c58be;}

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

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

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, #03070f is the darkest color, while #fefeff is the lightest one.

#03070f
```
#03070f rgb(3,7,15)
```
#070e1f
```
#070e1f rgb(7,14,31)
```
#0b162f
```
#0b162f rgb(11,22,47)
```
#0e1d3f
```
#0e1d3f rgb(14,29,63)
```
#12244f
```
#12244f rgb(18,36,79)
```
#162c5e
```
#162c5e rgb(22,44,94)
```
#1a336e
```
#1a336e rgb(26,51,110)
```
#1d3a7e
```
#1d3a7e rgb(29,58,126)
```
#21428e
```
#21428e rgb(33,66,142)
```
#25499e
```
#25499e rgb(37,73,158)
```
#2851ae
```
#2851ae rgb(40,81,174)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#305fce
```
#305fce rgb(48,95,206)
```

Shade Color Variation

#3f6bd2
```
#3f6bd2 rgb(63,107,210)
```
#4f78d6
```
#4f78d6 rgb(79,120,214)
```
#5f84da
```
#5f84da rgb(95,132,218)
```
#6f90de
```
#6f90de rgb(111,144,222)
```
#7e9ce1
```
#7e9ce1 rgb(126,156,225)
```
#8ea8e5
```
#8ea8e5 rgb(142,168,229)
```
#9eb5e9
```
#9eb5e9 rgb(158,181,233)
```
#aec1ec
```
#aec1ec rgb(174,193,236)
```
#becdf0
```
#becdf0 rgb(190,205,240)
```
#ced9f4
```
#ced9f4 rgb(206,217,244)
```
#dee6f7
```
#dee6f7 rgb(222,230,247)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747576 is the less saturated color, while #084ae2 is the most saturated one.

#747576
```
#747576 rgb(116,117,118)
```
#6b717f
```
#6b717f rgb(107,113,127)
```
#626d88
```
#626d88 rgb(98,109,136)
```
#596a91
```
#596a91 rgb(89,106,145)
```
#50669a
```
#50669a rgb(80,102,154)
```
#4763a3
```
#4763a3 rgb(71,99,163)
```
#3e5fac
```
#3e5fac rgb(62,95,172)
```
#355cb5
```
#355cb5 rgb(53,92,181)
```
#2c58be
```
#2c58be rgb(44,88,190)
```
#2354c7
```
#2354c7 rgb(35,84,199)
```
#1a51d0
```
#1a51d0 rgb(26,81,208)
```
#114dd9
```
#114dd9 rgb(17,77,217)
```
#084ae2
```
#084ae2 rgb(8,74,226)
```

Tone Color Variation

Below, you can see how #2c58be 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
#4e566b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0068ab Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#105fc1 Protanomaly 1% of men, 0.01% of women
#1062b2 Deuteranomaly 6% of men, 0.4% of women
#106791 Tritanomaly 0.01% of the population

#2c58be hex color

#2c58be Color Information

#2c58be Color Conversion

Color Schemes with #2c58be

Alternatives to #2c58be

#2c58be Preview

Shades and Tints of #2c58be

Tones of #2c58be

Color Blindness Simulator