colorhexa.com

#2c5acd hex color

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

- R 17
- G 35
- B 80
RGB color chart
- C 79
- M 56
- Y 0
- K 20
CMYK color chart

● #2c5acd color description : Strong blue.

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

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

CIE-LAB	41.618, 26.059, -63.98
XYZ	15.712, 12.254, 59.292
xyY	0.18, 0.14, 12.254
CIE-LCH	41.618, 69.083, 292.161
CIE-LUV	41.618, -16.941, -95.277
Hunter-Lab	35.006, 18.856, -75.917
Binary	00101100, 01011010, 11001101

#2c5acd
```
#2c5acd rgb(44,90,205)
```
#cd9f2c
```
#cd9f2c rgb(205,159,44)
```

Complementary Color

#2cabcd
```
#2cabcd rgb(44,171,205)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```
#4e2ccd
```
#4e2ccd rgb(78,44,205)
```

Analogous Color

#abcd2c
```
#abcd2c rgb(171,205,44)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```
#cd4e2c
```
#cd4e2c rgb(205,78,44)
```

Split Complementary Color

#5acd2c
```
#5acd2c rgb(90,205,44)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```
#cd2c5a
```
#cd2c5a rgb(205,44,90)
```

Triadic Color

#2ccd9f
```
#2ccd9f rgb(44,205,159)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```
#cd2c5a
```
#cd2c5a rgb(205,44,90)
```
#cd9f2c
```
#cd9f2c rgb(205,159,44)
```

Tetradic Color

#1e3e8e
```
#1e3e8e rgb(30,62,142)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#2751b8
```
#2751b8 rgb(39,81,184)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```
#3d69d5
```
#3d69d5 rgb(61,105,213)
```
#5279da
```
#5279da rgb(82,121,218)
```
#6789de
```
#6789de rgb(103,137,222)
```

Monochromatic Color

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

#2c82cd
```
#2c82cd rgb(44,130,205)
```
#2c75cd
```
#2c75cd rgb(44,117,205)
```
#2c67cd
```
#2c67cd rgb(44,103,205)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```
#2c4dcd
```
#2c4dcd rgb(44,77,205)
```
#2c3fcd
```
#2c3fcd rgb(44,63,205)
```
#2c32cd
```
#2c32cd rgb(44,50,205)
```

Similar Colors

Text with hexadecimal color #2c5acd

This text has a font color of #2c5acd.

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

#2c5acd background color

This paragraph has a background color of #2c5acd.

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

#2c5acd border color

This element has a border color of #2c5acd.

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

CSS codes

.text {color:#2c5acd;}

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

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

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)
```
#10214c
```
#10214c rgb(16,33,76)
```
#14285c
```
#14285c rgb(20,40,92)
```
#172f6c
```
#172f6c rgb(23,47,108)
```
#1b377c
```
#1b377c rgb(27,55,124)
```
#1e3e8c
```
#1e3e8c rgb(30,62,140)
```
#22459d
```
#22459d rgb(34,69,157)
```
#254cad
```
#254cad rgb(37,76,173)
```
#2953bd
```
#2953bd rgb(41,83,189)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```

Shade Color Variation

#3865d4
```
#3865d4 rgb(56,101,212)
```
#4871d8
```
#4871d8 rgb(72,113,216)
```
#597edb
```
#597edb rgb(89,126,219)
```
#698adf
```
#698adf rgb(105,138,223)
```
#7997e2
```
#7997e2 rgb(121,151,226)
```
#89a3e6
```
#89a3e6 rgb(137,163,230)
```
#99b0e9
```
#99b0e9 rgb(153,176,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 #064af3 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)
```
#526aa7
```
#526aa7 rgb(82,106,167)
```
#4966b0
```
#4966b0 rgb(73,102,176)
```
#3f62ba
```
#3f62ba rgb(63,98,186)
```
#365ec3
```
#365ec3 rgb(54,94,195)
```
#2c5acd
```
#2c5acd rgb(44,90,205)
```
#2256d7
```
#2256d7 rgb(34,86,215)
```
#1952e0
```
#1952e0 rgb(25,82,224)
```
#0f4eea
```
#0f4eea rgb(15,78,234)
```
#064af3
```
#064af3 rgb(6,74,243)
```

Tone Color Variation

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

Dichromacy

#0067ca Protanopia 1% of men
#006cb0 Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

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