#2c5f81 hex color

In a RGB color space, hex #2c5f81 is composed of 17.3% red, 37.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 26.4% magenta, 0% yellow and 49.4% black. It has a hue angle of 204 degrees, a saturation of 49.1% and a lightness of 33.9%. #2c5f81 color hex could be obtained by blending #58beff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 37
- B 51
RGB color chart
- C 66
- M 26
- Y 0
- K 49
CMYK color chart

● #2c5f81 color description : Dark moderate blue.

The hexadecimal color #2c5f81 has RGB values of R:44, G:95, B:129 and CMYK values of C:0.66, M:0.26, Y:0, K:0.49. Its decimal value is 2908033.

Hex triplet	2c5f81	`#2c5f81`
RGB Decimal	44, 95, 129	`rgb(44,95,129)`
RGB Percent	17.3, 37.3, 50.6	`rgb(17.3%,37.3%,50.6%)`
CMYK	66, 26, 0, 49
HSL	204°, 49.1, 33.9	`hsl(204,49.1%,33.9%)`
HSV (or HSB)	204°, 65.9, 50.6
Web Safe	336699	`#336699`

CIE-LAB	38.383, -5.735, -24.087
XYZ	9.092, 10.304, 22.277
xyY	0.218, 0.247, 10.304
CIE-LCH	38.383, 24.76, 256.606
CIE-LUV	38.383, -19.982, -32.923
Hunter-Lab	32.1, -5.615, -18.677
Binary	00101100, 01011111, 10000001

#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#814e2c
```
#814e2c rgb(129,78,44)
```

Complementary Color

#2c8179
```
#2c8179 rgb(44,129,121)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#2c3581
```
#2c3581 rgb(44,53,129)
```

Analogous Color

#81792c
```
#81792c rgb(129,121,44)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#812c35
```
#812c35 rgb(129,44,53)
```

Split Complementary Color

#5f812c
```
#5f812c rgb(95,129,44)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#812c5f
```
#812c5f rgb(129,44,95)
```

Triadic Color

#2c814e
```
#2c814e rgb(44,129,78)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#812c5f
```
#812c5f rgb(129,44,95)
```
#814e2c
```
#814e2c rgb(129,78,44)
```

Tetradic Color

#193548
```
#193548 rgb(25,53,72)
```
#1f435b
```
#1f435b rgb(31,67,91)
```
#26516e
```
#26516e rgb(38,81,110)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#326d94
```
#326d94 rgb(50,109,148)
```
#397ba7
```
#397ba7 rgb(57,123,167)
```
#3f89ba
```
#3f89ba rgb(63,137,186)
```

Monochromatic Color

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

#2c7481
```
#2c7481 rgb(44,116,129)
```
#2c6d81
```
#2c6d81 rgb(44,109,129)
```
#2c6681
```
#2c6681 rgb(44,102,129)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#2c5881
```
#2c5881 rgb(44,88,129)
```
#2c5181
```
#2c5181 rgb(44,81,129)
```
#2c4a81
```
#2c4a81 rgb(44,74,129)
```

Similar Colors

Text with hexadecimal color #2c5f81

This text has a font color of #2c5f81.

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

#2c5f81 background color

This paragraph has a background color of #2c5f81.

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

#2c5f81 border color

This element has a border color of #2c5f81.

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

CSS codes

.text {color:#2c5f81;}

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

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

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, #04090c is the darkest color, while #fcfdfe is the lightest one.

#04090c
```
#04090c rgb(4,9,12)
```
#09141b
```
#09141b rgb(9,20,27)
```
#0e1e29
```
#0e1e29 rgb(14,30,41)
```
#132938
```
#132938 rgb(19,41,56)
```
#183446
```
#183446 rgb(24,52,70)
```
#1d3f55
```
#1d3f55 rgb(29,63,85)
```
#224964
```
#224964 rgb(34,73,100)
```
#275472
```
#275472 rgb(39,84,114)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#316a90
```
#316a90 rgb(49,106,144)
```
#36759e
```
#36759e rgb(54,117,158)
```
#3b7fad
```
#3b7fad rgb(59,127,173)
```
#408abc
```
#408abc rgb(64,138,188)
```

Shade Color Variation

#4d93c2
```
#4d93c2 rgb(77,147,194)
```
#5b9cc7
```
#5b9cc7 rgb(91,156,199)
```
#6aa5cc
```
#6aa5cc rgb(106,165,204)
```
#79aed1
```
#79aed1 rgb(121,174,209)
```
#87b7d6
```
#87b7d6 rgb(135,183,214)
```
#96bfdb
```
#96bfdb rgb(150,191,219)
```
#a5c8e0
```
#a5c8e0 rgb(165,200,224)
```
#b3d1e5
```
#b3d1e5 rgb(179,209,229)
```
#c2daea
```
#c2daea rgb(194,218,234)
```
#d0e3ef
```
#d0e3ef rgb(208,227,239)
```
#dfecf4
```
#dfecf4 rgb(223,236,244)
```
#eef5f9
```
#eef5f9 rgb(238,245,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#545759
```
#545759 rgb(84,87,89)
```
#4d5860
```
#4d5860 rgb(77,88,96)
```
#475a66
```
#475a66 rgb(71,90,102)
```
#405b6d
```
#405b6d rgb(64,91,109)
```
#395c74
```
#395c74 rgb(57,92,116)
```
#335e7a
```
#335e7a rgb(51,94,122)
```
#2c5f81
```
#2c5f81 rgb(44,95,129)
```
#256088
```
#256088 rgb(37,96,136)
```
#1f628e
```
#1f628e rgb(31,98,142)
```
#186395
```
#186395 rgb(24,99,149)
```
#11649c
```
#11649c rgb(17,100,156)
```
#0b66a2
```
#0b66a2 rgb(11,102,162)
```
#0467a9
```
#0467a9 rgb(4,103,169)
```

Tone Color Variation

Below, you can see how #2c5f81 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
#4c565d Atypical Achromatopsia 0.001% of the population

Dichromacy

#586183 Protanopia 1% of men
#526289 Deuteranopia 1% of men
#296b73 Tritanopia 0.001% of the population

Trichromacy

#486082 Protanomaly 1% of men, 0.01% of women
#446186 Deuteranomaly 6% of men, 0.4% of women
#2a6678 Tritanomaly 0.01% of the population

#2c5f81 hex color

#2c5f81 Color Information

#2c5f81 Color Conversion

Color Schemes with #2c5f81

Alternatives to #2c5f81

#2c5f81 Preview

Shades and Tints of #2c5f81

Tones of #2c5f81

Color Blindness Simulator