#2c5bc4 hex color

In a RGB color space, hex #2c5bc4 is composed of 17.3% red, 35.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 53.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 221.4 degrees, a saturation of 63.3% and a lightness of 47.1%. #2c5bc4 color hex could be obtained by blending #58b6ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 36
- B 77
RGB color chart
- C 78
- M 54
- Y 0
- K 23
CMYK color chart

● #2c5bc4 color description : Strong blue.

The hexadecimal color #2c5bc4 has RGB values of R:44, G:91, B:196 and CMYK values of C:0.78, M:0.54, Y:0, K:0.23. Its decimal value is 2907076.

Hex triplet	2c5bc4	`#2c5bc4`
RGB Decimal	44, 91, 196	`rgb(44,91,196)`
RGB Percent	17.3, 35.7, 76.9	`rgb(17.3%,35.7%,76.9%)`
CMYK	78, 54, 0, 23
HSL	221.4°, 63.3, 47.1	`hsl(221.4,63.3%,47.1%)`
HSV (or HSB)	221.4°, 77.6, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.219, 22.005, -59.422
XYZ	14.741, 12.002, 53.761
xyY	0.183, 0.149, 12.002
CIE-LCH	41.219, 63.365, 290.32
CIE-LUV	41.219, -17.271, -88.395
Hunter-Lab	34.644, 15.327, -67.757
Binary	00101100, 01011011, 11000100

#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#c4952c
```
#c4952c rgb(196,149,44)
```

Complementary Color

#2ca7c4
```
#2ca7c4 rgb(44,167,196)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#492cc4
```
#492cc4 rgb(73,44,196)
```

Analogous Color

#a7c42c
```
#a7c42c rgb(167,196,44)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#c4492c
```
#c4492c rgb(196,73,44)
```

Split Complementary Color

#5bc42c
```
#5bc42c rgb(91,196,44)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#c42c5b
```
#c42c5b rgb(196,44,91)
```

Triadic Color

#2cc495
```
#2cc495 rgb(44,196,149)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#c42c5b
```
#c42c5b rgb(196,44,91)
```
#c4952c
```
#c4952c rgb(196,149,44)
```

Tetradic Color

#1e3e86
```
#1e3e86 rgb(30,62,134)
```
#23489a
```
#23489a rgb(35,72,154)
```
#2751af
```
#2751af rgb(39,81,175)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#3767d2
```
#3767d2 rgb(55,103,210)
```
#4c77d7
```
#4c77d7 rgb(76,119,215)
```
#6187dc
```
#6187dc rgb(97,135,220)
```

Monochromatic Color

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

#2c81c4
```
#2c81c4 rgb(44,129,196)
```
#2c74c4
```
#2c74c4 rgb(44,116,196)
```
#2c68c4
```
#2c68c4 rgb(44,104,196)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#2c4ec4
```
#2c4ec4 rgb(44,78,196)
```
#2c42c4
```
#2c42c4 rgb(44,66,196)
```
#2c35c4
```
#2c35c4 rgb(44,53,196)
```

Similar Colors

Text with hexadecimal color #2c5bc4

This text has a font color of #2c5bc4.

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

#2c5bc4 background color

This paragraph has a background color of #2c5bc4.

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

#2c5bc4 border color

This element has a border color of #2c5bc4.

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

CSS codes

.text {color:#2c5bc4;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040914
```
#040914 rgb(4,9,20)
```
#081124
```
#081124 rgb(8,17,36)
```
#0c1834
```
#0c1834 rgb(12,24,52)
```
#0f2044
```
#0f2044 rgb(15,32,68)
```
#132754
```
#132754 rgb(19,39,84)
```
#162e64
```
#162e64 rgb(22,46,100)
```
#1a3674
```
#1a3674 rgb(26,54,116)
```
#1e3d84
```
#1e3d84 rgb(30,61,132)
```
#214594
```
#214594 rgb(33,69,148)
```
#254ca4
```
#254ca4 rgb(37,76,164)
```
#2854b4
```
#2854b4 rgb(40,84,180)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```

Shade Color Variation

#3364d1
```
#3364d1 rgb(51,100,209)
```
#4370d5
```
#4370d5 rgb(67,112,213)
```
#537cd8
```
#537cd8 rgb(83,124,216)
```
#6388dc
```
#6388dc rgb(99,136,220)
```
#7394df
```
#7394df rgb(115,148,223)
```
#83a0e3
```
#83a0e3 rgb(131,160,227)
```
#93ade7
```
#93ade7 rgb(147,173,231)
```
#a3b9ea
```
#a3b9ea rgb(163,185,234)
```
#b3c5ee
```
#b3c5ee rgb(179,197,238)
```
#c3d1f1
```
#c3d1f1 rgb(195,209,241)
```
#d3ddf5
```
#d3ddf5 rgb(211,221,245)
```
#e3eaf9
```
#e3eaf9 rgb(227,234,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777a is the less saturated color, while #074de9 is the most saturated one.

#76777a
```
#76777a rgb(118,119,122)
```
#6d7483
```
#6d7483 rgb(109,116,131)
```
#63708d
```
#63708d rgb(99,112,141)
```
#5a6d96
```
#5a6d96 rgb(90,109,150)
```
#51699f
```
#51699f rgb(81,105,159)
```
#4866a8
```
#4866a8 rgb(72,102,168)
```
#3e62b2
```
#3e62b2 rgb(62,98,178)
```
#355fbb
```
#355fbb rgb(53,95,187)
```
#2c5bc4
```
#2c5bc4 rgb(44,91,196)
```
#2357cd
```
#2357cd rgb(35,87,205)
```
#1a54d6
```
#1a54d6 rgb(26,84,214)
```
#1050e0
```
#1050e0 rgb(16,80,224)
```
#074de9
```
#074de9 rgb(7,77,233)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#50596e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006baf Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#1062c6 Protanomaly 1% of men, 0.01% of women
#1065b7 Deuteranomaly 6% of men, 0.4% of women
#106a95 Tritanomaly 0.01% of the population

#2c5bc4 hex color

#2c5bc4 Color Information

#2c5bc4 Color Conversion

Color Schemes with #2c5bc4

Alternatives to #2c5bc4

#2c5bc4 Preview

Shades and Tints of #2c5bc4

Tones of #2c5bc4

Color Blindness Simulator