#2c617a hex color

In a RGB color space, hex #2c617a is composed of 17.3% red, 38% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 20.5% magenta, 0% yellow and 52.2% black. It has a hue angle of 199.2 degrees, a saturation of 47% and a lightness of 32.5%. #2c617a color hex could be obtained by blending #58c2f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 38
- B 48
RGB color chart
- C 64
- M 20
- Y 0
- K 52
CMYK color chart

● #2c617a color description : Dark moderate blue.

The hexadecimal color #2c617a has RGB values of R:44, G:97, B:122 and CMYK values of C:0.64, M:0.2, Y:0, K:0.52. Its decimal value is 2908538.

Hex triplet	2c617a	`#2c617a`
RGB Decimal	44, 97, 122	`rgb(44,97,122)`
RGB Percent	17.3, 38, 47.8	`rgb(17.3%,38%,47.8%)`
CMYK	64, 20, 0, 52
HSL	199.2°, 47, 32.5	`hsl(199.2,47%,32.5%)`
HSV (or HSB)	199.2°, 63.9, 47.8
Web Safe	336666	`#336666`

CIE-LAB	38.707, -9.392, -19.312
XYZ	8.825, 10.489, 19.971
xyY	0.225, 0.267, 10.489
CIE-LCH	38.707, 21.475, 244.065
CIE-LUV	38.707, -20.979, -25.543
Hunter-Lab	32.387, -8.037, -13.889
Binary	00101100, 01100001, 01111010

#2c617a
```
#2c617a rgb(44,97,122)
```
#7a452c
```
#7a452c rgb(122,69,44)
```

Complementary Color

#2c7a6c
```
#2c7a6c rgb(44,122,108)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#2c3a7a
```
#2c3a7a rgb(44,58,122)
```

Analogous Color

#7a6c2c
```
#7a6c2c rgb(122,108,44)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#7a2c3a
```
#7a2c3a rgb(122,44,58)
```

Split Complementary Color

#617a2c
```
#617a2c rgb(97,122,44)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#7a2c61
```
#7a2c61 rgb(122,44,97)
```

Triadic Color

#2c7a45
```
#2c7a45 rgb(44,122,69)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#7a2c61
```
#7a2c61 rgb(122,44,97)
```
#7a452c
```
#7a452c rgb(122,69,44)
```

Tetradic Color

#183442
```
#183442 rgb(24,52,66)
```
#1e4355
```
#1e4355 rgb(30,67,85)
```
#255267
```
#255267 rgb(37,82,103)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#33708d
```
#33708d rgb(51,112,141)
```
#3a7f9f
```
#3a7f9f rgb(58,127,159)
```
#408eb2
```
#408eb2 rgb(64,142,178)
```

Monochromatic Color

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

#2c757a
```
#2c757a rgb(44,117,122)
```
#2c6e7a
```
#2c6e7a rgb(44,110,122)
```
#2c687a
```
#2c687a rgb(44,104,122)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#2c5b7a
```
#2c5b7a rgb(44,91,122)
```
#2c547a
```
#2c547a rgb(44,84,122)
```
#2c4e7a
```
#2c4e7a rgb(44,78,122)
```

Similar Colors

Text with hexadecimal color #2c617a

This text has a font color of #2c617a.

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

#2c617a background color

This paragraph has a background color of #2c617a.

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

#2c617a border color

This element has a border color of #2c617a.

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

CSS codes

.text {color:#2c617a;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#081115
```
#081115 rgb(8,17,21)
```
#0d1c24
```
#0d1c24 rgb(13,28,36)
```
#122832
```
#122832 rgb(18,40,50)
```
#173340
```
#173340 rgb(23,51,64)
```
#1c3f4f
```
#1c3f4f rgb(28,63,79)
```
#224a5d
```
#224a5d rgb(34,74,93)
```
#27566c
```
#27566c rgb(39,86,108)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#316c88
```
#316c88 rgb(49,108,136)
```
#367897
```
#367897 rgb(54,120,151)
```
#3c83a5
```
#3c83a5 rgb(60,131,165)
```
#418fb4
```
#418fb4 rgb(65,143,180)
```

Shade Color Variation

#4a99be
```
#4a99be rgb(74,153,190)
```
#59a1c3
```
#59a1c3 rgb(89,161,195)
```
#67a9c8
```
#67a9c8 rgb(103,169,200)
```
#76b1cd
```
#76b1cd rgb(118,177,205)
```
#84b9d3
```
#84b9d3 rgb(132,185,211)
```
#92c2d8
```
#92c2d8 rgb(146,194,216)
```
#a1cadd
```
#a1cadd rgb(161,202,221)
```
#afd2e2
```
#afd2e2 rgb(175,210,226)
```
#bedae7
```
#bedae7 rgb(190,218,231)
```
#cce2ed
```
#cce2ed rgb(204,226,237)
```
#daeaf2
```
#daeaf2 rgb(218,234,242)
```
#e9f2f7
```
#e9f2f7 rgb(233,242,247)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#525354
```
#525354 rgb(82,83,84)
```
#4c565a
```
#4c565a rgb(76,86,90)
```
#465860
```
#465860 rgb(70,88,96)
```
#3f5a67
```
#3f5a67 rgb(63,90,103)
```
#395c6d
```
#395c6d rgb(57,92,109)
```
#325f74
```
#325f74 rgb(50,95,116)
```
#2c617a
```
#2c617a rgb(44,97,122)
```
#266380
```
#266380 rgb(38,99,128)
```
#1f6687
```
#1f6687 rgb(31,102,135)
```
#19688d
```
#19688d rgb(25,104,141)
```
#126a94
```
#126a94 rgb(18,106,148)
```
#0c6c9a
```
#0c6c9a rgb(12,108,154)
```
#066fa0
```
#066fa0 rgb(6,111,160)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c575c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c627c Protanopia 1% of men
#596283 Deuteranopia 1% of men
#2f6b73 Tritanopia 0.001% of the population

Trichromacy

#4a627b Protanomaly 1% of men, 0.01% of women
#496180 Deuteranomaly 6% of men, 0.4% of women
#2d6775 Tritanomaly 0.01% of the population

#2c617a hex color

#2c617a Color Information

#2c617a Color Conversion

Color Schemes with #2c617a

Alternatives to #2c617a

#2c617a Preview

Shades and Tints of #2c617a

Tones of #2c617a

Color Blindness Simulator