colorhexa.com

#2c18cc hex color

In a RGB color space, hex #2c18cc is composed of 17.3% red, 9.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 88.2% magenta, 0% yellow and 20% black. It has a hue angle of 246.7 degrees, a saturation of 78.9% and a lightness of 44.7%. #2c18cc color hex could be obtained by blending #5830ff with #000099. Closest websafe color is: #3300cc.

- R 17
- G 9
- B 80
RGB color chart
- C 78
- M 88
- Y 0
- K 20
CMYK color chart

● #2c18cc color description : Strong blue.

The hexadecimal color #2c18cc has RGB values of R:44, G:24, B:204 and CMYK values of C:0.78, M:0.88, Y:0, K:0.2. Its decimal value is 2889932.

Hex triplet	2c18cc	`#2c18cc`
RGB Decimal	44, 24, 204	`rgb(44,24,204)`
RGB Percent	17.3, 9.4, 80	`rgb(17.3%,9.4%,80%)`
CMYK	78, 88, 0, 20
HSL	246.7°, 78.9, 44.7	`hsl(246.7,78.9%,44.7%)`
HSV (or HSB)	246.7°, 88.2, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.241, 61.952, -85.426
XYZ	12.262, 5.548, 57.548
xyY	0.163, 0.074, 5.548
CIE-LCH	28.241, 105.526, 305.95
CIE-LUV	28.241, -5.471, -103.576
Hunter-Lab	23.553, 51.712, -128.376
Binary	00101100, 00011000, 11001100

#2c18cc
```
#2c18cc rgb(44,24,204)
```
#b8cc18
```
#b8cc18 rgb(184,204,24)
```

Complementary Color

#185ecc
```
#185ecc rgb(24,94,204)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#8618cc
```
#8618cc rgb(134,24,204)
```

Analogous Color

#5ecc18
```
#5ecc18 rgb(94,204,24)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#cc8618
```
#cc8618 rgb(204,134,24)
```

Split Complementary Color

#18cc2c
```
#18cc2c rgb(24,204,44)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#cc2c18
```
#cc2c18 rgb(204,44,24)
```

Triadic Color

#18b8cc
```
#18b8cc rgb(24,184,204)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#cc2c18
```
#cc2c18 rgb(204,44,24)
```
#b8cc18
```
#b8cc18 rgb(184,204,24)
```

Tetradic Color

#1d1088
```
#1d1088 rgb(29,16,136)
```
#22139e
```
#22139e rgb(34,19,158)
```
#2715b5
```
#2715b5 rgb(39,21,181)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#311be3
```
#311be3 rgb(49,27,227)
```
#4530e7
```
#4530e7 rgb(69,48,231)
```
#5947e9
```
#5947e9 rgb(89,71,233)
```

Monochromatic Color

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

#1831cc
```
#1831cc rgb(24,49,204)
```
#1822cc
```
#1822cc rgb(24,34,204)
```
#1d18cc
```
#1d18cc rgb(29,24,204)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#3b18cc
```
#3b18cc rgb(59,24,204)
```
#4a18cc
```
#4a18cc rgb(74,24,204)
```
#5918cc
```
#5918cc rgb(89,24,204)
```

Similar Colors

Text with hexadecimal color #2c18cc

This text has a font color of #2c18cc.

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

#2c18cc background color

This paragraph has a background color of #2c18cc.

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

#2c18cc border color

This element has a border color of #2c18cc.

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

CSS codes

.text {color:#2c18cc;}

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

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

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

#02010b
```
#02010b rgb(2,1,11)
```
#06031c
```
#06031c rgb(6,3,28)
```
#0a052e
```
#0a052e rgb(10,5,46)
```
#0e0740
```
#0e0740 rgb(14,7,64)
```
#120a51
```
#120a51 rgb(18,10,81)
```
#150c63
```
#150c63 rgb(21,12,99)
```
#190e74
```
#190e74 rgb(25,14,116)
```
#1d1086
```
#1d1086 rgb(29,16,134)
```
#211297
```
#211297 rgb(33,18,151)
```
#2414a9
```
#2414a9 rgb(36,20,169)
```
#2816ba
```
#2816ba rgb(40,22,186)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#301ade
```
#301ade rgb(48,26,222)
```

Shade Color Variation

#3b26e5
```
#3b26e5 rgb(59,38,229)
```
#4b37e8
```
#4b37e8 rgb(75,55,232)
```
#5b49ea
```
#5b49ea rgb(91,73,234)
```
#6b5aec
```
#6b5aec rgb(107,90,236)
```
#7a6cee
```
#7a6cee rgb(122,108,238)
```
#8a7ef0
```
#8a7ef0 rgb(138,126,240)
```
#9a8ff2
```
#9a8ff2 rgb(154,143,242)
```
#aaa1f4
```
#aaa1f4 rgb(170,161,244)
```
#bab2f6
```
#bab2f6 rgb(186,178,246)
```
#cac4f8
```
#cac4f8 rgb(202,196,248)
```
#d9d5fa
```
#d9d5fa rgb(217,213,250)
```
#e9e7fc
```
#e9e7fc rgb(233,231,252)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707074 is the less saturated color, while #1e06de is the most saturated one.

#707074
```
#707074 rgb(112,112,116)
```
#69677d
```
#69677d rgb(105,103,125)
```
#635e86
```
#635e86 rgb(99,94,134)
```
#5c558f
```
#5c558f rgb(92,85,143)
```
#554d97
```
#554d97 rgb(85,77,151)
```
#4e44a0
```
#4e44a0 rgb(78,68,160)
```
#473ba9
```
#473ba9 rgb(71,59,169)
```
#4032b2
```
#4032b2 rgb(64,50,178)
```
#3a2aba
```
#3a2aba rgb(58,42,186)
```
#3321c3
```
#3321c3 rgb(51,33,195)
```
#2c18cc
```
#2c18cc rgb(44,24,204)
```
#250fd5
```
#250fd5 rgb(37,15,213)
```
#1e06de
```
#1e06de rgb(30,6,222)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#322e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#1038a5 Protanomaly 1% of men, 0.01% of women
#103a99 Deuteranomaly 6% of men, 0.4% of women
#103e82 Tritanomaly 0.01% of the population