#2c51aa hex color

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

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

● #2c51aa color description : Dark blue.

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

Hex triplet	2c51aa	`#2c51aa`
RGB Decimal	44, 81, 170	`rgb(44,81,170)`
RGB Percent	17.3, 31.8, 66.7	`rgb(17.3%,31.8%,66.7%)`
CMYK	74, 52, 0, 33
HSL	222.4°, 58.9, 42	`hsl(222.4,58.9%,42%)`
HSV (or HSB)	222.4°, 74.1, 66.7
Web Safe	336699	`#336699`

CIE-LAB	36.597, 18.677, -51.637
XYZ	11.235, 9.322, 39.235
xyY	0.188, 0.156, 9.322
CIE-LCH	36.597, 54.911, 289.885
CIE-LUV	36.597, -14.572, -74.306
Hunter-Lab	30.532, 12.255, -54.819
Binary	00101100, 01010001, 10101010

#2c51aa
```
#2c51aa rgb(44,81,170)
```
#aa852c
```
#aa852c rgb(170,133,44)
```

Complementary Color

#2c90aa
```
#2c90aa rgb(44,144,170)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#462caa
```
#462caa rgb(70,44,170)
```

Analogous Color

#90aa2c
```
#90aa2c rgb(144,170,44)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#aa462c
```
#aa462c rgb(170,70,44)
```

Split Complementary Color

#51aa2c
```
#51aa2c rgb(81,170,44)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#aa2c51
```
#aa2c51 rgb(170,44,81)
```

Triadic Color

#2caa85
```
#2caa85 rgb(44,170,133)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#aa2c51
```
#aa2c51 rgb(170,44,81)
```
#aa852c
```
#aa852c rgb(170,133,44)
```

Tetradic Color

#1c346d
```
#1c346d rgb(28,52,109)
```
#223e81
```
#223e81 rgb(34,62,129)
```
#274796
```
#274796 rgb(39,71,150)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#315bbe
```
#315bbe rgb(49,91,190)
```
#3c67cd
```
#3c67cd rgb(60,103,205)
```
#5177d2
```
#5177d2 rgb(81,119,210)
```

Monochromatic Color

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

#2c71aa
```
#2c71aa rgb(44,113,170)
```
#2c66aa
```
#2c66aa rgb(44,102,170)
```
#2c5caa
```
#2c5caa rgb(44,92,170)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#2c47aa
```
#2c47aa rgb(44,71,170)
```
#2c3caa
```
#2c3caa rgb(44,60,170)
```
#2c32aa
```
#2c32aa rgb(44,50,170)
```

Similar Colors

Text with hexadecimal color #2c51aa

This text has a font color of #2c51aa.

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

#2c51aa background color

This paragraph has a background color of #2c51aa.

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

#2c51aa border color

This element has a border color of #2c51aa.

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

CSS codes

.text {color:#2c51aa;}

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

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

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

#04070e
```
#04070e rgb(4,7,14)
```
#080e1e
```
#080e1e rgb(8,14,30)
```
#0c162d
```
#0c162d rgb(12,22,45)
```
#101d3d
```
#101d3d rgb(16,29,61)
```
#14244d
```
#14244d rgb(20,36,77)
```
#182c5c
```
#182c5c rgb(24,44,92)
```
#1c336c
```
#1c336c rgb(28,51,108)
```
#203b7b
```
#203b7b rgb(32,59,123)
```
#24428b
```
#24428b rgb(36,66,139)
```
#284a9a
```
#284a9a rgb(40,74,154)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#3058ba
```
#3058ba rgb(48,88,186)
```
#3460c9
```
#3460c9 rgb(52,96,201)
```

Shade Color Variation

#436cce
```
#436cce rgb(67,108,206)
```
#5278d2
```
#5278d2 rgb(82,120,210)
```
#6284d6
```
#6284d6 rgb(98,132,214)
```
#7190da
```
#7190da rgb(113,144,218)
```
#819cde
```
#819cde rgb(129,156,222)
```
#91a9e2
```
#91a9e2 rgb(145,169,226)
```
#a0b5e6
```
#a0b5e6 rgb(160,181,230)
```
#b0c1ea
```
#b0c1ea rgb(176,193,234)
```
#bfcdef
```
#bfcdef rgb(191,205,239)
```
#cfd9f3
```
#cfd9f3 rgb(207,217,243)
```
#dee6f7
```
#dee6f7 rgb(222,230,247)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#666970
```
#666970 rgb(102,105,112)
```
#5d6579
```
#5d6579 rgb(93,101,121)
```
#556281
```
#556281 rgb(85,98,129)
```
#4d5f89
```
#4d5f89 rgb(77,95,137)
```
#455b91
```
#455b91 rgb(69,91,145)
```
#3c589a
```
#3c589a rgb(60,88,154)
```
#3454a2
```
#3454a2 rgb(52,84,162)
```
#2c51aa
```
#2c51aa rgb(44,81,170)
```
#244eb2
```
#244eb2 rgb(36,78,178)
```
#1c4aba
```
#1c4aba rgb(28,74,186)
```
#1347c3
```
#1347c3 rgb(19,71,195)
```
#0b43cb
```
#0b43cb rgb(11,67,203)
```
#0340d3
```
#0340d3 rgb(3,64,211)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#205cb0 Protanopia 1% of men
#00609f Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#2458ad Protanomaly 1% of men, 0.01% of women
#105ba3 Deuteranomaly 6% of men, 0.4% of women
#105f84 Tritanomaly 0.01% of the population

#2c51aa hex color

#2c51aa Color Information

#2c51aa Color Conversion

Color Schemes with #2c51aa

Alternatives to #2c51aa

#2c51aa Preview

Shades and Tints of #2c51aa

Tones of #2c51aa

Color Blindness Simulator