#2c61ae hex color

In a RGB color space, hex #2c61ae is composed of 17.3% red, 38% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 44.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 215.5 degrees, a saturation of 59.6% and a lightness of 42.7%. #2c61ae color hex could be obtained by blending #58c2ff with #00005d. Closest websafe color is: #336699.

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

● #2c61ae color description : Dark blue.

The hexadecimal color #2c61ae has RGB values of R:44, G:97, B:174 and CMYK values of C:0.75, M:0.44, Y:0, K:0.32. Its decimal value is 2908590.

Hex triplet	2c61ae	`#2c61ae`
RGB Decimal	44, 97, 174	`rgb(44,97,174)`
RGB Percent	17.3, 38, 68.2	`rgb(17.3%,38%,68.2%)`
CMYK	75, 44, 0, 32
HSL	215.5°, 59.6, 42.7	`hsl(215.5,59.6%,42.7%)`
HSV (or HSB)	215.5°, 74.7, 68.2
Web Safe	336699	`#336699`

CIE-LAB	41.438, 9.72, -46.214
XYZ	12.952, 12.14, 41.703
xyY	0.194, 0.182, 12.14
CIE-LCH	41.438, 47.225, 281.878
CIE-LUV	41.438, -19.406, -68.452
Hunter-Lab	34.842, 5.378, -46.574
Binary	00101100, 01100001, 10101110

#2c61ae
```
#2c61ae rgb(44,97,174)
```
#ae792c
```
#ae792c rgb(174,121,44)
```

Complementary Color

#2ca2ae
```
#2ca2ae rgb(44,162,174)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#382cae
```
#382cae rgb(56,44,174)
```

Analogous Color

#a2ae2c
```
#a2ae2c rgb(162,174,44)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#ae382c
```
#ae382c rgb(174,56,44)
```

Split Complementary Color

#61ae2c
```
#61ae2c rgb(97,174,44)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#ae2c61
```
#ae2c61 rgb(174,44,97)
```

Triadic Color

#2cae79
```
#2cae79 rgb(44,174,121)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#ae2c61
```
#ae2c61 rgb(174,44,97)
```
#ae792c
```
#ae792c rgb(174,121,44)
```

Tetradic Color

#1d3f71
```
#1d3f71 rgb(29,63,113)
```
#224a85
```
#224a85 rgb(34,74,133)
```
#27569a
```
#27569a rgb(39,86,154)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#316cc2
```
#316cc2 rgb(49,108,194)
```
#3f79ce
```
#3f79ce rgb(63,121,206)
```
#5387d4
```
#5387d4 rgb(83,135,212)
```

Monochromatic Color

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

#2c82ae
```
#2c82ae rgb(44,130,174)
```
#2c77ae
```
#2c77ae rgb(44,119,174)
```
#2c6cae
```
#2c6cae rgb(44,108,174)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#2c56ae
```
#2c56ae rgb(44,86,174)
```
#2c4bae
```
#2c4bae rgb(44,75,174)
```
#2c41ae
```
#2c41ae rgb(44,65,174)
```

Similar Colors

Text with hexadecimal color #2c61ae

This text has a font color of #2c61ae.

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

#2c61ae background color

This paragraph has a background color of #2c61ae.

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

#2c61ae border color

This element has a border color of #2c61ae.

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

CSS codes

.text {color:#2c61ae;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040a11
```
#040a11 rgb(4,10,17)
```
#081221
```
#081221 rgb(8,18,33)
```
#0c1b31
```
#0c1b31 rgb(12,27,49)
```
#102440
```
#102440 rgb(16,36,64)
```
#142d50
```
#142d50 rgb(20,45,80)
```
#183560
```
#183560 rgb(24,53,96)
```
#1c3e6f
```
#1c3e6f rgb(28,62,111)
```
#20477f
```
#20477f rgb(32,71,127)
```
#24508f
```
#24508f rgb(36,80,143)
```
#28589e
```
#28589e rgb(40,88,158)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#306abe
```
#306abe rgb(48,106,190)
```

Shade Color Variation

#3573cc
```
#3573cc rgb(53,115,204)
```
#457ed0
```
#457ed0 rgb(69,126,208)
```
#5588d4
```
#5588d4 rgb(85,136,212)
```
#6493d8
```
#6493d8 rgb(100,147,216)
```
#749edc
```
#749edc rgb(116,158,220)
```
#84a9e0
```
#84a9e0 rgb(132,169,224)
```
#93b4e4
```
#93b4e4 rgb(147,180,228)
```
#a3bfe8
```
#a3bfe8 rgb(163,191,232)
```
#b2caec
```
#b2caec rgb(178,202,236)
```
#c2d5f0
```
#c2d5f0 rgb(194,213,240)
```
#d2e0f4
```
#d2e0f4 rgb(210,224,244)
```
#e1eaf8
```
#e1eaf8 rgb(225,234,248)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676c73 is the less saturated color, while #0259d8 is the most saturated one.

#676c73
```
#676c73 rgb(103,108,115)
```
#5e6a7c
```
#5e6a7c rgb(94,106,124)
```
#566984
```
#566984 rgb(86,105,132)
```
#4e678c
```
#4e678c rgb(78,103,140)
```
#456695
```
#456695 rgb(69,102,149)
```
#3d649d
```
#3d649d rgb(61,100,157)
```
#3463a6
```
#3463a6 rgb(52,99,166)
```
#2c61ae
```
#2c61ae rgb(44,97,174)
```
#245fb6
```
#245fb6 rgb(36,95,182)
```
#1b5ebf
```
#1b5ebf rgb(27,94,191)
```
#135cc7
```
#135cc7 rgb(19,92,199)
```
#0a5bd0
```
#0a5bd0 rgb(10,91,208)
```
#0259d8
```
#0259d8 rgb(2,89,216)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4467b0 Protanopia 1% of men
#1f6bb1 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3b65af Protanomaly 1% of men, 0.01% of women
#2467b0 Deuteranomaly 6% of men, 0.4% of women
#106d8e Tritanomaly 0.01% of the population

#2c61ae hex color

#2c61ae Color Information

#2c61ae Color Conversion

Color Schemes with #2c61ae

Alternatives to #2c61ae

#2c61ae Preview

Shades and Tints of #2c61ae

Tones of #2c61ae

Color Blindness Simulator