#2c5bb3 hex color

In a RGB color space, hex #2c5bb3 is composed of 17.3% red, 35.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 49.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 219.1 degrees, a saturation of 60.5% and a lightness of 43.7%. #2c5bb3 color hex could be obtained by blending #58b6ff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 36
- B 70
RGB color chart
- C 75
- M 49
- Y 0
- K 30
CMYK color chart

● #2c5bb3 color description : Strong blue.

The hexadecimal color #2c5bb3 has RGB values of R:44, G:91, B:179 and CMYK values of C:0.75, M:0.49, Y:0, K:0.3. Its decimal value is 2907059.

Hex triplet	2c5bb3	`#2c5bb3`
RGB Decimal	44, 91, 179	`rgb(44,91,179)`
RGB Percent	17.3, 35.7, 70.2	`rgb(17.3%,35.7%,70.2%)`
CMYK	75, 49, 0, 30
HSL	219.1°, 60.5, 43.7	`hsl(219.1,60.5%,43.7%)`
HSV (or HSB)	219.1°, 75.4, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.034, 15.525, -51.41
XYZ	12.915, 11.271, 44.14
xyY	0.189, 0.165, 11.271
CIE-LCH	40.034, 53.704, 286.804
CIE-LUV	40.034, -17.452, -75.822
Hunter-Lab	33.573, 9.912, -54.451
Binary	00101100, 01011011, 10110011

#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#b3842c
```
#b3842c rgb(179,132,44)
```

Complementary Color

#2c9fb3
```
#2c9fb3 rgb(44,159,179)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#412cb3
```
#412cb3 rgb(65,44,179)
```

Analogous Color

#9fb32c
```
#9fb32c rgb(159,179,44)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#b3412c
```
#b3412c rgb(179,65,44)
```

Split Complementary Color

#5bb32c
```
#5bb32c rgb(91,179,44)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#b32c5b
```
#b32c5b rgb(179,44,91)
```

Triadic Color

#2cb384
```
#2cb384 rgb(44,179,132)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#b32c5b
```
#b32c5b rgb(179,44,91)
```
#b3842c
```
#b3842c rgb(179,132,44)
```

Tetradic Color

#1d3c76
```
#1d3c76 rgb(29,60,118)
```
#22468a
```
#22468a rgb(34,70,138)
```
#27519f
```
#27519f rgb(39,81,159)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#3165c7
```
#3165c7 rgb(49,101,199)
```
#4273d0
```
#4273d0 rgb(66,115,208)
```
#5682d5
```
#5682d5 rgb(86,130,213)
```

Monochromatic Color

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

#2c7db3
```
#2c7db3 rgb(44,125,179)
```
#2c72b3
```
#2c72b3 rgb(44,114,179)
```
#2c66b3
```
#2c66b3 rgb(44,102,179)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#2c50b3
```
#2c50b3 rgb(44,80,179)
```
#2c45b3
```
#2c45b3 rgb(44,69,179)
```
#2c39b3
```
#2c39b3 rgb(44,57,179)
```

Similar Colors

Text with hexadecimal color #2c5bb3

This text has a font color of #2c5bb3.

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

#2c5bb3 background color

This paragraph has a background color of #2c5bb3.

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

#2c5bb3 border color

This element has a border color of #2c5bb3.

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

CSS codes

.text {color:#2c5bb3;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#091325
```
#091325 rgb(9,19,37)
```
#0d1b35
```
#0d1b35 rgb(13,27,53)
```
#112345
```
#112345 rgb(17,35,69)
```
#152b55
```
#152b55 rgb(21,43,85)
```
#193364
```
#193364 rgb(25,51,100)
```
#1d3b74
```
#1d3b74 rgb(29,59,116)
```
#204384
```
#204384 rgb(32,67,132)
```
#244b94
```
#244b94 rgb(36,75,148)
```
#2853a3
```
#2853a3 rgb(40,83,163)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#3063c3
```
#3063c3 rgb(48,99,195)
```

Shade Color Variation

#386cce
```
#386cce rgb(56,108,206)
```
#4878d2
```
#4878d2 rgb(72,120,210)
```
#5884d6
```
#5884d6 rgb(88,132,214)
```
#678fda
```
#678fda rgb(103,143,218)
```
#779bde
```
#779bde rgb(119,155,222)
```
#87a6e1
```
#87a6e1 rgb(135,166,225)
```
#97b2e5
```
#97b2e5 rgb(151,178,229)
```
#a6bee9
```
#a6bee9 rgb(166,190,233)
```
#b6c9ed
```
#b6c9ed rgb(182,201,237)
```
#c6d5f1
```
#c6d5f1 rgb(198,213,241)
```
#d6e0f5
```
#d6e0f5 rgb(214,224,245)
```
#e5ecf9
```
#e5ecf9 rgb(229,236,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686d77 is the less saturated color, while #014ede is the most saturated one.

#686d77
```
#686d77 rgb(104,109,119)
```
#5f6b80
```
#5f6b80 rgb(95,107,128)
```
#576888
```
#576888 rgb(87,104,136)
```
#4e6591
```
#4e6591 rgb(78,101,145)
```
#466399
```
#466399 rgb(70,99,153)
```
#3d60a2
```
#3d60a2 rgb(61,96,162)
```
#355eaa
```
#355eaa rgb(53,94,170)
```
#2c5bb3
```
#2c5bb3 rgb(44,91,179)
```
#2358bc
```
#2358bc rgb(35,88,188)
```
#1b56c4
```
#1b56c4 rgb(27,86,196)
```
#1253cd
```
#1253cd rgb(18,83,205)
```
#0a51d5
```
#0a51d5 rgb(10,81,213)
```
#014ede
```
#014ede rgb(1,78,222)
```

Tone Color Variation

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

Dichromacy

#3363b7 Protanopia 1% of men
#0068ac Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3060b5 Protanomaly 1% of men, 0.01% of women
#1063af Deuteranomaly 6% of men, 0.4% of women
#10688d Tritanomaly 0.01% of the population

#2c5bb3 hex color

#2c5bb3 Color Information

#2c5bb3 Color Conversion

Color Schemes with #2c5bb3

Alternatives to #2c5bb3

#2c5bb3 Preview

Shades and Tints of #2c5bb3

Tones of #2c5bb3

Color Blindness Simulator