#2c5bcd hex color

In a RGB color space, hex #2c5bcd is composed of 17.3% red, 35.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 55.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 222.5 degrees, a saturation of 64.7% and a lightness of 48.8%. #2c5bcd color hex could be obtained by blending #58b6ff with #00009b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 36
- B 80
RGB color chart
- C 79
- M 56
- Y 0
- K 20
CMYK color chart

● #2c5bcd color description : Strong blue.

The hexadecimal color #2c5bcd has RGB values of R:44, G:91, B:205 and CMYK values of C:0.79, M:0.56, Y:0, K:0.2. Its decimal value is 2907085.

Hex triplet	2c5bcd	`#2c5bcd`
RGB Decimal	44, 91, 205	`rgb(44,91,205)`
RGB Percent	17.3, 35.7, 80.4	`rgb(17.3%,35.7%,80.4%)`
CMYK	79, 56, 0, 20
HSL	222.5°, 64.7, 48.8	`hsl(222.5,64.7%,48.8%)`
HSV (or HSB)	222.5°, 78.5, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.883, 25.41, -63.549
XYZ	15.797, 12.424, 59.32
xyY	0.18, 0.142, 12.424
CIE-LCH	41.883, 68.441, 291.794
CIE-LUV	41.883, -17.21, -94.831
Hunter-Lab	35.248, 18.313, -75.107
Binary	00101100, 01011011, 11001101

#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#cd9e2c
```
#cd9e2c rgb(205,158,44)
```

Complementary Color

#2caccd
```
#2caccd rgb(44,172,205)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#4d2ccd
```
#4d2ccd rgb(77,44,205)
```

Analogous Color

#accd2c
```
#accd2c rgb(172,205,44)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#cd4d2c
```
#cd4d2c rgb(205,77,44)
```

Split Complementary Color

#5bcd2c
```
#5bcd2c rgb(91,205,44)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#cd2c5b
```
#cd2c5b rgb(205,44,91)
```

Triadic Color

#2ccd9e
```
#2ccd9e rgb(44,205,158)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#cd2c5b
```
#cd2c5b rgb(205,44,91)
```
#cd9e2c
```
#cd9e2c rgb(205,158,44)
```

Tetradic Color

#1e3f8e
```
#1e3f8e rgb(30,63,142)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#2752b8
```
#2752b8 rgb(39,82,184)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#3d6ad5
```
#3d6ad5 rgb(61,106,213)
```
#527ada
```
#527ada rgb(82,122,218)
```
#678ade
```
#678ade rgb(103,138,222)
```

Monochromatic Color

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

#2c83cd
```
#2c83cd rgb(44,131,205)
```
#2c76cd
```
#2c76cd rgb(44,118,205)
```
#2c68cd
```
#2c68cd rgb(44,104,205)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#2c4ecd
```
#2c4ecd rgb(44,78,205)
```
#2c40cd
```
#2c40cd rgb(44,64,205)
```
#2c33cd
```
#2c33cd rgb(44,51,205)
```

Similar Colors

Text with hexadecimal color #2c5bcd

This text has a font color of #2c5bcd.

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

#2c5bcd background color

This paragraph has a background color of #2c5bcd.

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

#2c5bcd border color

This element has a border color of #2c5bcd.

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

CSS codes

.text {color:#2c5bcd;}

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

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

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, #02050b is the darkest color, while #fafbfe is the lightest one.

#02050b
```
#02050b rgb(2,5,11)
```
#060c1b
```
#060c1b rgb(6,12,27)
```
#09132c
```
#09132c rgb(9,19,44)
```
#0d1a3c
```
#0d1a3c rgb(13,26,60)
```
#10224c
```
#10224c rgb(16,34,76)
```
#14295c
```
#14295c rgb(20,41,92)
```
#17306c
```
#17306c rgb(23,48,108)
```
#1b377c
```
#1b377c rgb(27,55,124)
```
#1e3e8c
```
#1e3e8c rgb(30,62,140)
```
#22459d
```
#22459d rgb(34,69,157)
```
#254dad
```
#254dad rgb(37,77,173)
```
#2954bd
```
#2954bd rgb(41,84,189)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```

Shade Color Variation

#3866d4
```
#3866d4 rgb(56,102,212)
```
#4872d8
```
#4872d8 rgb(72,114,216)
```
#597fdb
```
#597fdb rgb(89,127,219)
```
#698bdf
```
#698bdf rgb(105,139,223)
```
#7998e2
```
#7998e2 rgb(121,152,226)
```
#89a4e6
```
#89a4e6 rgb(137,164,230)
```
#99b1e9
```
#99b1e9 rgb(153,177,233)
```
#a9bded
```
#a9bded rgb(169,189,237)
```
#b9c9f0
```
#b9c9f0 rgb(185,201,240)
```
#cad6f4
```
#cad6f4 rgb(202,214,244)
```
#dae2f7
```
#dae2f7 rgb(218,226,247)
```
#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, #797b80 is the less saturated color, while #064bf3 is the most saturated one.

#797b80
```
#797b80 rgb(121,123,128)
```
#6f778a
```
#6f778a rgb(111,119,138)
```
#657394
```
#657394 rgb(101,115,148)
```
#5c6f9d
```
#5c6f9d rgb(92,111,157)
```
#526ba7
```
#526ba7 rgb(82,107,167)
```
#4967b0
```
#4967b0 rgb(73,103,176)
```
#3f63ba
```
#3f63ba rgb(63,99,186)
```
#365fc3
```
#365fc3 rgb(54,95,195)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#2257d7
```
#2257d7 rgb(34,87,215)
```
#1953e0
```
#1953e0 rgb(25,83,224)
```
#0f4fea
```
#0f4fea rgb(15,79,234)
```
#064bf3
```
#064bf3 rgb(6,75,243)
```

Tone Color Variation

Below, you can see how #2c5bcd 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
#515a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#006db1 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1063cb Protanomaly 1% of men, 0.01% of women
#1066bb Deuteranomaly 6% of men, 0.4% of women
#106b99 Tritanomaly 0.01% of the population

#2c5bcd hex color

#2c5bcd Color Information

#2c5bcd Color Conversion

Color Schemes with #2c5bcd

Alternatives to #2c5bcd

#2c5bcd Preview

Shades and Tints of #2c5bcd

Tones of #2c5bcd

Color Blindness Simulator