#2c70cc hex color

In a RGB color space, hex #2c70cc is composed of 17.3% red, 43.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 45.1% magenta, 0% yellow and 20% black. It has a hue angle of 214.5 degrees, a saturation of 64.5% and a lightness of 48.6%. #2c70cc color hex could be obtained by blending #58e0ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 44
- B 80
RGB color chart
- C 78
- M 45
- Y 0
- K 20
CMYK color chart

● #2c70cc color description : Strong blue.

The hexadecimal color #2c70cc has RGB values of R:44, G:112, B:204 and CMYK values of C:0.78, M:0.45, Y:0, K:0.2. Its decimal value is 2912460.

Hex triplet	2c70cc	`#2c70cc`
RGB Decimal	44, 112, 204	`rgb(44,112,204)`
RGB Percent	17.3, 43.9, 80	`rgb(17.3%,43.9%,80%)`
CMYK	78, 45, 0, 20
HSL	214.5°, 64.5, 48.6	`hsl(214.5,64.5%,48.6%)`
HSV (or HSB)	214.5°, 78.4, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.601, 11.546, -53.737
XYZ	17.73, 16.482, 59.37
xyY	0.189, 0.176, 16.482
CIE-LCH	47.601, 54.963, 282.126
CIE-LUV	47.601, -23.378, -82.636
Hunter-Lab	40.598, 6.906, -58.287
Binary	00101100, 01110000, 11001100

#2c70cc
```
#2c70cc rgb(44,112,204)
```
#cc882c
```
#cc882c rgb(204,136,44)
```

Complementary Color

#2cc0cc
```
#2cc0cc rgb(44,192,204)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#382ccc
```
#382ccc rgb(56,44,204)
```

Analogous Color

#c0cc2c
```
#c0cc2c rgb(192,204,44)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#cc382c
```
#cc382c rgb(204,56,44)
```

Split Complementary Color

#70cc2c
```
#70cc2c rgb(112,204,44)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#cc2c70
```
#cc2c70 rgb(204,44,112)
```

Triadic Color

#2ccc88
```
#2ccc88 rgb(44,204,136)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#cc2c70
```
#cc2c70 rgb(204,44,112)
```
#cc882c
```
#cc882c rgb(204,136,44)
```

Tetradic Color

#1e4d8d
```
#1e4d8d rgb(30,77,141)
```
#2359a2
```
#2359a2 rgb(35,89,162)
```
#2764b7
```
#2764b7 rgb(39,100,183)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#3c7dd5
```
#3c7dd5 rgb(60,125,213)
```
#518bda
```
#518bda rgb(81,139,218)
```
#6699de
```
#6699de rgb(102,153,222)
```

Monochromatic Color

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

#2c98cc
```
#2c98cc rgb(44,152,204)
```
#2c8bcc
```
#2c8bcc rgb(44,139,204)
```
#2c7dcc
```
#2c7dcc rgb(44,125,204)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#2c63cc
```
#2c63cc rgb(44,99,204)
```
#2c55cc
```
#2c55cc rgb(44,85,204)
```
#2c48cc
```
#2c48cc rgb(44,72,204)
```

Similar Colors

Text with hexadecimal color #2c70cc

This text has a font color of #2c70cc.

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

#2c70cc background color

This paragraph has a background color of #2c70cc.

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

#2c70cc border color

This element has a border color of #2c70cc.

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

CSS codes

.text {color:#2c70cc;}

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

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#060f1b
```
#060f1b rgb(6,15,27)
```
#09172b
```
#09172b rgb(9,23,43)
```
#0d203b
```
#0d203b rgb(13,32,59)
```
#10294b
```
#10294b rgb(16,41,75)
```
#14325b
```
#14325b rgb(20,50,91)
```
#173b6b
```
#173b6b rgb(23,59,107)
```
#1b447b
```
#1b447b rgb(27,68,123)
```
#1e4d8b
```
#1e4d8b rgb(30,77,139)
```
#22559c
```
#22559c rgb(34,85,156)
```
#255eac
```
#255eac rgb(37,94,172)
```
#2967bc
```
#2967bc rgb(41,103,188)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```

Shade Color Variation

#387ad4
```
#387ad4 rgb(56,122,212)
```
#4885d7
```
#4885d7 rgb(72,133,215)
```
#5890db
```
#5890db rgb(88,144,219)
```
#689ade
```
#689ade rgb(104,154,222)
```
#78a5e2
```
#78a5e2 rgb(120,165,226)
```
#88b0e5
```
#88b0e5 rgb(136,176,229)
```
#98bbe9
```
#98bbe9 rgb(152,187,233)
```
#a9c5ec
```
#a9c5ec rgb(169,197,236)
```
#b9d0f0
```
#b9d0f0 rgb(185,208,240)
```
#c9dbf3
```
#c9dbf3 rgb(201,219,243)
```
#d9e6f7
```
#d9e6f7 rgb(217,230,247)
```
#e9f0fa
```
#e9f0fa rgb(233,240,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #066af2 is the most saturated one.

#787b80
```
#787b80 rgb(120,123,128)
```
#6f7a89
```
#6f7a89 rgb(111,122,137)
```
#657993
```
#657993 rgb(101,121,147)
```
#5c779c
```
#5c779c rgb(92,119,156)
```
#5276a6
```
#5276a6 rgb(82,118,166)
```
#4974af
```
#4974af rgb(73,116,175)
```
#3f73b9
```
#3f73b9 rgb(63,115,185)
```
#3671c2
```
#3671c2 rgb(54,113,194)
```
#2c70cc
```
#2c70cc rgb(44,112,204)
```
#226fd6
```
#226fd6 rgb(34,111,214)
```
#196ddf
```
#196ddf rgb(25,109,223)
```
#0f6ce9
```
#0f6ce9 rgb(15,108,233)
```
#066af2
```
#066af2 rgb(6,106,242)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a687a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4975cc Protanopia 1% of men
#007acb Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#3e73cc Protanomaly 1% of men, 0.01% of women
#1076cb Deuteranomaly 6% of men, 0.4% of women
#107ca3 Tritanomaly 0.01% of the population

#2c70cc hex color

#2c70cc Color Information

#2c70cc Color Conversion

Color Schemes with #2c70cc

Alternatives to #2c70cc

#2c70cc Preview

Shades and Tints of #2c70cc

Tones of #2c70cc

Color Blindness Simulator