#2c60aa hex color

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

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

● #2c60aa color description : Dark blue.

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

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

CIE-LAB	40.901, 8.843, -44.715
XYZ	12.476, 11.803, 39.649
xyY	0.195, 0.185, 11.803
CIE-LCH	40.901, 45.581, 281.187
CIE-LUV	40.901, -19.173, -65.916
Hunter-Lab	34.355, 4.7, -44.378
Binary	00101100, 01100000, 10101010

#2c60aa
```
#2c60aa rgb(44,96,170)
```
#aa762c
```
#aa762c rgb(170,118,44)
```

Complementary Color

#2c9faa
```
#2c9faa rgb(44,159,170)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#372caa
```
#372caa rgb(55,44,170)
```

Analogous Color

#9faa2c
```
#9faa2c rgb(159,170,44)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#aa372c
```
#aa372c rgb(170,55,44)
```

Split Complementary Color

#60aa2c
```
#60aa2c rgb(96,170,44)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#aa2c60
```
#aa2c60 rgb(170,44,96)
```

Triadic Color

#2caa76
```
#2caa76 rgb(44,170,118)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#aa2c60
```
#aa2c60 rgb(170,44,96)
```
#aa762c
```
#aa762c rgb(170,118,44)
```

Tetradic Color

#1c3e6d
```
#1c3e6d rgb(28,62,109)
```
#224981
```
#224981 rgb(34,73,129)
```
#275596
```
#275596 rgb(39,85,150)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#316bbe
```
#316bbe rgb(49,107,190)
```
#3c78cd
```
#3c78cd rgb(60,120,205)
```
#5186d2
```
#5186d2 rgb(81,134,210)
```

Monochromatic Color

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

#2c80aa
```
#2c80aa rgb(44,128,170)
```
#2c75aa
```
#2c75aa rgb(44,117,170)
```
#2c6baa
```
#2c6baa rgb(44,107,170)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#2c56aa
```
#2c56aa rgb(44,86,170)
```
#2c4baa
```
#2c4baa rgb(44,75,170)
```
#2c41aa
```
#2c41aa rgb(44,65,170)
```

Similar Colors

Text with hexadecimal color #2c60aa

This text has a font color of #2c60aa.

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

#2c60aa background color

This paragraph has a background color of #2c60aa.

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

#2c60aa border color

This element has a border color of #2c60aa.

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

CSS codes

.text {color:#2c60aa;}

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

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

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

#04080e
```
#04080e rgb(4,8,14)
```
#08111e
```
#08111e rgb(8,17,30)
```
#0c1a2d
```
#0c1a2d rgb(12,26,45)
```
#10223d
```
#10223d rgb(16,34,61)
```
#142b4d
```
#142b4d rgb(20,43,77)
```
#18345c
```
#18345c rgb(24,52,92)
```
#1c3d6c
```
#1c3d6c rgb(28,61,108)
```
#20467b
```
#20467b rgb(32,70,123)
```
#244e8b
```
#244e8b rgb(36,78,139)
```
#28579a
```
#28579a rgb(40,87,154)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#3069ba
```
#3069ba rgb(48,105,186)
```
#3472c9
```
#3472c9 rgb(52,114,201)
```

Shade Color Variation

#437cce
```
#437cce rgb(67,124,206)
```
#5287d2
```
#5287d2 rgb(82,135,210)
```
#6292d6
```
#6292d6 rgb(98,146,214)
```
#719dda
```
#719dda rgb(113,157,218)
```
#81a7de
```
#81a7de rgb(129,167,222)
```
#91b2e2
```
#91b2e2 rgb(145,178,226)
```
#a0bde6
```
#a0bde6 rgb(160,189,230)
```
#b0c8ea
```
#b0c8ea rgb(176,200,234)
```
#bfd3ef
```
#bfd3ef rgb(191,211,239)
```
#cfdef3
```
#cfdef3 rgb(207,222,243)
```
#dee8f7
```
#dee8f7 rgb(222,232,247)
```
#eef3fb
```
#eef3fb rgb(238,243,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#666a70
```
#666a70 rgb(102,106,112)
```
#5d6979
```
#5d6979 rgb(93,105,121)
```
#556781
```
#556781 rgb(85,103,129)
```
#4d6689
```
#4d6689 rgb(77,102,137)
```
#456491
```
#456491 rgb(69,100,145)
```
#3c639a
```
#3c639a rgb(60,99,154)
```
#3461a2
```
#3461a2 rgb(52,97,162)
```
#2c60aa
```
#2c60aa rgb(44,96,170)
```
#245fb2
```
#245fb2 rgb(36,95,178)
```
#1c5dba
```
#1c5dba rgb(28,93,186)
```
#135cc3
```
#135cc3 rgb(19,92,195)
```
#0b5acb
```
#0b5acb rgb(11,90,203)
```
#0359d3
```
#0359d3 rgb(3,89,211)
```

Tone Color Variation

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

Dichromacy

#4666ac Protanopia 1% of men
#266aad Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#3c64ab Protanomaly 1% of men, 0.01% of women
#2866ac Deuteranomaly 6% of men, 0.4% of women
#106c8b Tritanomaly 0.01% of the population

#2c60aa hex color

#2c60aa Color Information

#2c60aa Color Conversion

Color Schemes with #2c60aa

Alternatives to #2c60aa

#2c60aa Preview

Shades and Tints of #2c60aa

Tones of #2c60aa

Color Blindness Simulator