#2c536b hex color

In a RGB color space, hex #2c536b is composed of 17.3% red, 32.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 22.4% magenta, 0% yellow and 58% black. It has a hue angle of 202.9 degrees, a saturation of 41.7% and a lightness of 29.6%. #2c536b color hex could be obtained by blending #58a6d6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 33
- B 42
RGB color chart
- C 59
- M 22
- Y 0
- K 58
CMYK color chart

● #2c536b color description : Very dark desaturated blue.

The hexadecimal color #2c536b has RGB values of R:44, G:83, B:107 and CMYK values of C:0.59, M:0.22, Y:0, K:0.58. Its decimal value is 2904939.

Hex triplet	2c536b	`#2c536b`
RGB Decimal	44, 83, 107	`rgb(44,83,107)`
RGB Percent	17.3, 32.5, 42	`rgb(17.3%,32.5%,42%)`
CMYK	59, 22, 0, 58
HSL	202.9°, 41.7, 29.6	`hsl(202.9,41.7%,29.6%)`
HSV (or HSB)	202.9°, 58.9, 42
Web Safe	336666	`#336666`

CIE-LAB	33.527, -6.062, -18.026
XYZ	6.785, 7.783, 15.054
xyY	0.229, 0.263, 7.783
CIE-LCH	33.527, 19.018, 251.413
CIE-LUV	33.527, -16.106, -23.143
Hunter-Lab	27.898, -5.409, -12.464
Binary	00101100, 01010011, 01101011

#2c536b
```
#2c536b rgb(44,83,107)
```
#6b442c
```
#6b442c rgb(107,68,44)
```

Complementary Color

#2c6b64
```
#2c6b64 rgb(44,107,100)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#2c346b
```
#2c346b rgb(44,52,107)
```

Analogous Color

#6b642c
```
#6b642c rgb(107,100,44)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#6b2c34
```
#6b2c34 rgb(107,44,52)
```

Split Complementary Color

#536b2c
```
#536b2c rgb(83,107,44)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#6b2c53
```
#6b2c53 rgb(107,44,83)
```

Triadic Color

#2c6b44
```
#2c6b44 rgb(44,107,68)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#6b2c53
```
#6b2c53 rgb(107,44,83)
```
#6b442c
```
#6b442c rgb(107,68,44)
```

Tetradic Color

#162935
```
#162935 rgb(22,41,53)
```
#1d3747
```
#1d3747 rgb(29,55,71)
```
#254559
```
#254559 rgb(37,69,89)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#33617d
```
#33617d rgb(51,97,125)
```
#3b6f8f
```
#3b6f8f rgb(59,111,143)
```
#427da1
```
#427da1 rgb(66,125,161)
```

Monochromatic Color

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

#2c636b
```
#2c636b rgb(44,99,107)
```
#2c5e6b
```
#2c5e6b rgb(44,94,107)
```
#2c586b
```
#2c586b rgb(44,88,107)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#2c496b
```
#2c496b rgb(44,73,107)
```
#2c436b
```
#2c436b rgb(44,67,107)
```

Similar Colors

Text with hexadecimal color #2c536b

This text has a font color of #2c536b.

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

#2c536b background color

This paragraph has a background color of #2c536b.

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

#2c536b border color

This element has a border color of #2c536b.

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

CSS codes

.text {color:#2c536b;}

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

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

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

#04080a
```
#04080a rgb(4,8,10)
```
#0a1218
```
#0a1218 rgb(10,18,24)
```
#0f1d26
```
#0f1d26 rgb(15,29,38)
```
#152833
```
#152833 rgb(21,40,51)
```
#1b3341
```
#1b3341 rgb(27,51,65)
```
#213d4f
```
#213d4f rgb(33,61,79)
```
#26485d
```
#26485d rgb(38,72,93)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#325e79
```
#325e79 rgb(50,94,121)
```
#376987
```
#376987 rgb(55,105,135)
```
#3d7395
```
#3d7395 rgb(61,115,149)
```
#437ea3
```
#437ea3 rgb(67,126,163)
```
#4989b0
```
#4989b0 rgb(73,137,176)
```

Shade Color Variation

#5492b9
```
#5492b9 rgb(84,146,185)
```
#629bbe
```
#629bbe rgb(98,155,190)
```
#70a4c4
```
#70a4c4 rgb(112,164,196)
```
#7eadca
```
#7eadca rgb(126,173,202)
```
#8cb6d0
```
#8cb6d0 rgb(140,182,208)
```
#9abed5
```
#9abed5 rgb(154,190,213)
```
#a7c7db
```
#a7c7db rgb(167,199,219)
```
#b5d0e1
```
#b5d0e1 rgb(181,208,225)
```
#c3d9e6
```
#c3d9e6 rgb(195,217,230)
```
#d1e2ec
```
#d1e2ec rgb(209,226,236)
```
#dfebf2
```
#dfebf2 rgb(223,235,242)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494c4e is the less saturated color, while #035d94 is the most saturated one.

#494c4e
```
#494c4e rgb(73,76,78)
```
#434d54
```
#434d54 rgb(67,77,84)
```
#3d4f5a
```
#3d4f5a rgb(61,79,90)
```
#38505f
```
#38505f rgb(56,80,95)
```
#325265
```
#325265 rgb(50,82,101)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#265471
```
#265471 rgb(38,84,113)
```
#205677
```
#205677 rgb(32,86,119)
```
#1b577c
```
#1b577c rgb(27,87,124)
```
#155982
```
#155982 rgb(21,89,130)
```
#0f5a88
```
#0f5a88 rgb(15,90,136)
```
#095b8e
```
#095b8e rgb(9,91,142)
```
#035d94
```
#035d94 rgb(3,93,148)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#51576f Protanopia 1% of men
#4e5674 Deuteranopia 1% of men
#305e65 Tritanopia 0.001% of the population

Trichromacy

#43556d Protanomaly 1% of men, 0.01% of women
#425571 Deuteranomaly 6% of men, 0.4% of women
#2e5a67 Tritanomaly 0.01% of the population

#2c536b hex color

#2c536b Color Information

#2c536b Color Conversion

Color Schemes with #2c536b

Alternatives to #2c536b

#2c536b Preview

Shades and Tints of #2c536b

Tones of #2c536b

Color Blindness Simulator