#2c2caa hex color

In a RGB color space, hex #2c2caa is composed of 17.3% red, 17.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 74.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 240 degrees, a saturation of 58.9% and a lightness of 42%. #2c2caa color hex could be obtained by blending #5858ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 17
- B 67
RGB color chart
- C 74
- M 74
- Y 0
- K 33
CMYK color chart

● #2c2caa color description : Dark blue.

The hexadecimal color #2c2caa has RGB values of R:44, G:44, B:170 and CMYK values of C:0.74, M:0.74, Y:0, K:0.33. Its decimal value is 2895018.

Hex triplet	2c2caa	`#2c2caa`
RGB Decimal	44, 44, 170	`rgb(44,44,170)`
RGB Percent	17.3, 17.3, 66.7	`rgb(17.3%,17.3%,66.7%)`
CMYK	74, 74, 0, 33
HSL	240°, 58.9, 42	`hsl(240,58.9%,42%)`
HSV (or HSB)	240°, 74.1, 66.7
Web Safe	333399	`#333399`

CIE-LAB	27.404, 42.434, -66.659
XYZ	9.194, 5.239, 38.555
xyY	0.174, 0.099, 5.239
CIE-LCH	27.404, 79.019, 302.48
CIE-LUV	27.404, -6.082, -84.283
Hunter-Lab	22.888, 31.646, -83.852
Binary	00101100, 00101100, 10101010

#2c2caa
```
#2c2caa rgb(44,44,170)
```
#aaaa2c
```
#aaaa2c rgb(170,170,44)
```

Complementary Color

#2c6baa
```
#2c6baa rgb(44,107,170)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#6b2caa
```
#6b2caa rgb(107,44,170)
```

Analogous Color

#6baa2c
```
#6baa2c rgb(107,170,44)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#aa6b2c
```
#aa6b2c rgb(170,107,44)
```

Split Complementary Color

#2caa2c
```
#2caa2c rgb(44,170,44)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#aa2c2c
```
#aa2c2c rgb(170,44,44)
```

Triadic Color

#2caaaa
```
#2caaaa rgb(44,170,170)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#aa2c2c
```
#aa2c2c rgb(170,44,44)
```
#aaaa2c
```
#aaaa2c rgb(170,170,44)
```

Tetradic Color

#1c1c6d
```
#1c1c6d rgb(28,28,109)
```
#222281
```
#222281 rgb(34,34,129)
```
#272796
```
#272796 rgb(39,39,150)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#3131be
```
#3131be rgb(49,49,190)
```
#3c3ccd
```
#3c3ccd rgb(60,60,205)
```
#5151d2
```
#5151d2 rgb(81,81,210)
```

Monochromatic Color

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

#2c4caa
```
#2c4caa rgb(44,76,170)
```
#2c41aa
```
#2c41aa rgb(44,65,170)
```
#2c37aa
```
#2c37aa rgb(44,55,170)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#372caa
```
#372caa rgb(55,44,170)
```
#412caa
```
#412caa rgb(65,44,170)
```
#4c2caa
```
#4c2caa rgb(76,44,170)
```

Similar Colors

Text with hexadecimal color #2c2caa

This text has a font color of #2c2caa.

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

#2c2caa background color

This paragraph has a background color of #2c2caa.

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

#2c2caa border color

This element has a border color of #2c2caa.

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

CSS codes

.text {color:#2c2caa;}

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

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

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, #04040e is the darkest color, while #fefeff is the lightest one.

#04040e
```
#04040e rgb(4,4,14)
```
#08081e
```
#08081e rgb(8,8,30)
```
#0c0c2d
```
#0c0c2d rgb(12,12,45)
```
#10103d
```
#10103d rgb(16,16,61)
```
#14144d
```
#14144d rgb(20,20,77)
```
#18185c
```
#18185c rgb(24,24,92)
```
#1c1c6c
```
#1c1c6c rgb(28,28,108)
```
#20207b
```
#20207b rgb(32,32,123)
```
#24248b
```
#24248b rgb(36,36,139)
```
#28289a
```
#28289a rgb(40,40,154)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#3030ba
```
#3030ba rgb(48,48,186)
```
#3434c9
```
#3434c9 rgb(52,52,201)
```

Shade Color Variation

#4343ce
```
#4343ce rgb(67,67,206)
```
#5252d2
```
#5252d2 rgb(82,82,210)
```
#6262d6
```
#6262d6 rgb(98,98,214)
```
#7171da
```
#7171da rgb(113,113,218)
```
#8181de
```
#8181de rgb(129,129,222)
```
#9191e2
```
#9191e2 rgb(145,145,226)
```
#a0a0e6
```
#a0a0e6 rgb(160,160,230)
```
#b0b0ea
```
#b0b0ea rgb(176,176,234)
```
#bfbfef
```
#bfbfef rgb(191,191,239)
```
#cfcff3
```
#cfcff3 rgb(207,207,243)
```
#dedef7
```
#dedef7 rgb(222,222,247)
```
#eeeefb
```
#eeeefb rgb(238,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#666670
```
#666670 rgb(102,102,112)
```
#5d5d79
```
#5d5d79 rgb(93,93,121)
```
#555581
```
#555581 rgb(85,85,129)
```
#4d4d89
```
#4d4d89 rgb(77,77,137)
```
#454591
```
#454591 rgb(69,69,145)
```
#3c3c9a
```
#3c3c9a rgb(60,60,154)
```
#3434a2
```
#3434a2 rgb(52,52,162)
```
#2c2caa
```
#2c2caa rgb(44,44,170)
```
#2424b2
```
#2424b2 rgb(36,36,178)
```
#1c1cba
```
#1c1cba rgb(28,28,186)
```
#1313c3
```
#1313c3 rgb(19,19,195)
```
#0b0bcb
```
#0b0bcb rgb(11,11,203)
```
#0303d3
```
#0303d3 rgb(3,3,211)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373750 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#103e97 Protanomaly 1% of men, 0.01% of women
#10408b Deuteranomaly 6% of men, 0.4% of women
#104474 Tritanomaly 0.01% of the population

#2c2caa hex color

#2c2caa Color Information

#2c2caa Color Conversion

Color Schemes with #2c2caa

Alternatives to #2c2caa

#2c2caa Preview

Shades and Tints of #2c2caa

Tones of #2c2caa

Color Blindness Simulator