#2c5aad hex color

In a RGB color space, hex #2c5aad is composed of 17.3% red, 35.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 48% magenta, 0% yellow and 32.2% black. It has a hue angle of 218.6 degrees, a saturation of 59.4% and a lightness of 42.5%. #2c5aad color hex could be obtained by blending #58b4ff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 35
- B 68
RGB color chart
- C 75
- M 48
- Y 0
- K 32
CMYK color chart

● #2c5aad color description : Dark blue.

The hexadecimal color #2c5aad has RGB values of R:44, G:90, B:173 and CMYK values of C:0.75, M:0.48, Y:0, K:0.32. Its decimal value is 2906797.

Hex triplet	2c5aad	`#2c5aad`
RGB Decimal	44, 90, 173	`rgb(44,90,173)`
RGB Percent	17.3, 35.3, 67.8	`rgb(17.3%,35.3%,67.8%)`
CMYK	75, 48, 0, 32
HSL	218.6°, 59.4, 42.5	`hsl(218.6,59.4%,42.5%)`
HSV (or HSB)	218.6°, 74.6, 67.8
Web Safe	336699	`#336699`

CIE-LAB	39.351, 13.887, -48.974
XYZ	12.236, 10.864, 40.985
xyY	0.191, 0.17, 10.864
CIE-LCH	39.351, 50.905, 285.831
CIE-LUV	39.351, -17.23, -71.82
Hunter-Lab	32.961, 8.584, -50.652
Binary	00101100, 01011010, 10101101

#2c5aad
```
#2c5aad rgb(44,90,173)
```
#ad7f2c
```
#ad7f2c rgb(173,127,44)
```

Complementary Color

#2c9bad
```
#2c9bad rgb(44,155,173)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#3e2cad
```
#3e2cad rgb(62,44,173)
```

Analogous Color

#9bad2c
```
#9bad2c rgb(155,173,44)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#ad3f2c
```
#ad3f2c rgb(173,63,44)
```

Split Complementary Color

#5aad2c
```
#5aad2c rgb(90,173,44)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#ad2c5a
```
#ad2c5a rgb(173,44,90)
```

Triadic Color

#2cad7f
```
#2cad7f rgb(44,173,127)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#ad2c5a
```
#ad2c5a rgb(173,44,90)
```
#ad7f2c
```
#ad7f2c rgb(173,127,44)
```

Tetradic Color

#1c3a70
```
#1c3a70 rgb(28,58,112)
```
#224584
```
#224584 rgb(34,69,132)
```
#274f99
```
#274f99 rgb(39,79,153)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#3165c1
```
#3165c1 rgb(49,101,193)
```
#3e71ce
```
#3e71ce rgb(62,113,206)
```
#5280d3
```
#5280d3 rgb(82,128,211)
```

Monochromatic Color

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

#2c7aad
```
#2c7aad rgb(44,122,173)
```
#2c70ad
```
#2c70ad rgb(44,112,173)
```
#2c65ad
```
#2c65ad rgb(44,101,173)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#2c4fad
```
#2c4fad rgb(44,79,173)
```
#2c44ad
```
#2c44ad rgb(44,68,173)
```
#2c3aad
```
#2c3aad rgb(44,58,173)
```

Similar Colors

Text with hexadecimal color #2c5aad

This text has a font color of #2c5aad.

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

#2c5aad background color

This paragraph has a background color of #2c5aad.

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

#2c5aad border color

This element has a border color of #2c5aad.

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

CSS codes

.text {color:#2c5aad;}

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

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

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, #000101 is the darkest color, while #f0f4fb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040911
```
#040911 rgb(4,9,17)
```
#081120
```
#081120 rgb(8,17,32)
```
#0c1930
```
#0c1930 rgb(12,25,48)
```
#102140
```
#102140 rgb(16,33,64)
```
#14294f
```
#14294f rgb(20,41,79)
```
#18315f
```
#18315f rgb(24,49,95)
```
#1c396e
```
#1c396e rgb(28,57,110)
```
#20427e
```
#20427e rgb(32,66,126)
```
#244a8e
```
#244a8e rgb(36,74,142)
```
#28529d
```
#28529d rgb(40,82,157)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#3062bd
```
#3062bd rgb(48,98,189)
```

Shade Color Variation

#356acc
```
#356acc rgb(53,106,204)
```
#4476d0
```
#4476d0 rgb(68,118,208)
```
#5481d3
```
#5481d3 rgb(84,129,211)
```
#648dd7
```
#648dd7 rgb(100,141,215)
```
#7398db
```
#7398db rgb(115,152,219)
```
#83a4df
```
#83a4df rgb(131,164,223)
```
#93afe3
```
#93afe3 rgb(147,175,227)
```
#a2bbe7
```
#a2bbe7 rgb(162,187,231)
```
#b2c6eb
```
#b2c6eb rgb(178,198,235)
```
#c1d2ef
```
#c1d2ef rgb(193,210,239)
```
#d1ddf3
```
#d1ddf3 rgb(209,221,243)
```
#e1e9f7
```
#e1e9f7 rgb(225,233,247)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

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

#666b73
```
#666b73 rgb(102,107,115)
```
#5e687b
```
#5e687b rgb(94,104,123)
```
#566683
```
#566683 rgb(86,102,131)
```
#4d648c
```
#4d648c rgb(77,100,140)
```
#456194
```
#456194 rgb(69,97,148)
```
#3d5f9c
```
#3d5f9c rgb(61,95,156)
```
#345ca5
```
#345ca5 rgb(52,92,165)
```
#2c5aad
```
#2c5aad rgb(44,90,173)
```
#2458b5
```
#2458b5 rgb(36,88,181)
```
#1b55be
```
#1b55be rgb(27,85,190)
```
#1353c6
```
#1353c6 rgb(19,83,198)
```
#0b50ce
```
#0b50ce rgb(11,80,206)
```
#024ed7
```
#024ed7 rgb(2,78,215)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3762b1 Protanopia 1% of men
#0066aa Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#335faf Protanomaly 1% of men, 0.01% of women
#1062ab Deuteranomaly 6% of men, 0.4% of women
#10678a Tritanomaly 0.01% of the population

#2c5aad hex color

#2c5aad Color Information

#2c5aad Color Conversion

Color Schemes with #2c5aad

Alternatives to #2c5aad

#2c5aad Preview

Shades and Tints of #2c5aad

Tones of #2c5aad

Color Blindness Simulator