#2d5c68 hex color

In a RGB color space, hex #2d5c68 is composed of 17.6% red, 36.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 11.5% magenta, 0% yellow and 59.2% black. It has a hue angle of 192.2 degrees, a saturation of 39.6% and a lightness of 29.2%. #2d5c68 color hex could be obtained by blending #5ab8d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 36
- B 41
RGB color chart
- C 57
- M 12
- Y 0
- K 59
CMYK color chart

● #2d5c68 color description : Very dark desaturated cyan.

The hexadecimal color #2d5c68 has RGB values of R:45, G:92, B:104 and CMYK values of C:0.57, M:0.12, Y:0, K:0.59. Its decimal value is 2972776.

Hex triplet	2d5c68	`#2d5c68`
RGB Decimal	45, 92, 104	`rgb(45,92,104)`
RGB Percent	17.6, 36.1, 40.8	`rgb(17.6%,36.1%,40.8%)`
CMYK	57, 12, 0, 59
HSL	192.2°, 39.6, 29.2	`hsl(192.2,39.6%,29.2%)`
HSV (or HSB)	192.2°, 56.7, 40.8
Web Safe	336666	`#336666`

CIE-LAB	36.388, -12.237, -11.771
XYZ	7.407, 9.211, 14.484
xyY	0.238, 0.296, 9.211
CIE-LCH	36.388, 16.979, 223.888
CIE-LUV	36.388, -19.438, -14.082
Hunter-Lab	30.35, -9.547, -7.049
Binary	00101101, 01011100, 01101000

#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#68392d
```
#68392d rgb(104,57,45)
```

Complementary Color

#2d6857
```
#2d6857 rgb(45,104,87)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```

Analogous Color

#68572d
```
#68572d rgb(104,87,45)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#682d3f
```
#682d3f rgb(104,45,63)
```

Split Complementary Color

#5c682d
```
#5c682d rgb(92,104,45)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#682d5c
```
#682d5c rgb(104,45,92)
```

Triadic Color

#2d6839
```
#2d6839 rgb(45,104,57)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#682d5c
```
#682d5c rgb(104,45,92)
```
#68392d
```
#68392d rgb(104,57,45)
```

Tetradic Color

#162d33
```
#162d33 rgb(22,45,51)
```
#1e3d44
```
#1e3d44 rgb(30,61,68)
```
#254c56
```
#254c56 rgb(37,76,86)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#356c7a
```
#356c7a rgb(53,108,122)
```
#3c7b8c
```
#3c7b8c rgb(60,123,140)
```
#448b9d
```
#448b9d rgb(68,139,157)
```

Monochromatic Color

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

#2d6865
```
#2d6865 rgb(45,104,101)
```
#2d6668
```
#2d6668 rgb(45,102,104)
```
#2d6168
```
#2d6168 rgb(45,97,104)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#2d5768
```
#2d5768 rgb(45,87,104)
```
#2d5268
```
#2d5268 rgb(45,82,104)
```
#2d4d68
```
#2d4d68 rgb(45,77,104)
```

Similar Colors

Text with hexadecimal color #2d5c68

This text has a font color of #2d5c68.

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

#2d5c68 background color

This paragraph has a background color of #2d5c68.

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

#2d5c68 border color

This element has a border color of #2d5c68.

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

CSS codes

.text {color:#2d5c68;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#091316
```
#091316 rgb(9,19,22)
```
#0f1f24
```
#0f1f24 rgb(15,31,36)
```
#152c31
```
#152c31 rgb(21,44,49)
```
#1b383f
```
#1b383f rgb(27,56,63)
```
#21444d
```
#21444d rgb(33,68,77)
```
#27505a
```
#27505a rgb(39,80,90)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#336876
```
#336876 rgb(51,104,118)
```
#397483
```
#397483 rgb(57,116,131)
```
#3f8091
```
#3f8091 rgb(63,128,145)
```
#458c9f
```
#458c9f rgb(69,140,159)
```
#4b99ac
```
#4b99ac rgb(75,153,172)
```

Shade Color Variation

#55a2b6
```
#55a2b6 rgb(85,162,182)
```
#63a9bb
```
#63a9bb rgb(99,169,187)
```
#71b1c1
```
#71b1c1 rgb(113,177,193)
```
#7eb8c7
```
#7eb8c7 rgb(126,184,199)
```
#8cc0cd
```
#8cc0cd rgb(140,192,205)
```
#9ac7d3
```
#9ac7d3 rgb(154,199,211)
```
#a7cfd9
```
#a7cfd9 rgb(167,207,217)
```
#b5d6df
```
#b5d6df rgb(181,214,223)
```
#c3dee5
```
#c3dee5 rgb(195,222,229)
```
#d0e5eb
```
#d0e5eb rgb(208,229,235)
```
#deedf1
```
#deedf1 rgb(222,237,241)
```
#ecf4f7
```
#ecf4f7 rgb(236,244,247)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#4a4b4b
```
#4a4b4b rgb(74,75,75)
```
#444e51
```
#444e51 rgb(68,78,81)
```
#3e5257
```
#3e5257 rgb(62,82,87)
```
#38555d
```
#38555d rgb(56,85,93)
```
#335962
```
#335962 rgb(51,89,98)
```
#2d5c68
```
#2d5c68 rgb(45,92,104)
```
#275f6e
```
#275f6e rgb(39,95,110)
```
#226373
```
#226373 rgb(34,99,115)
```
#1c6679
```
#1c6679 rgb(28,102,121)
```
#166a7f
```
#166a7f rgb(22,106,127)
```
#106d85
```
#106d85 rgb(16,109,133)
```
#0b708a
```
#0b708a rgb(11,112,138)
```
#057490
```
#057490 rgb(5,116,144)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5d6b Protanopia 1% of men
#5c5c72 Deuteranopia 1% of men
#36656c Tritanopia 0.001% of the population

Trichromacy

#4a5d6a Protanomaly 1% of men, 0.01% of women
#4b5c6e Deuteranomaly 6% of men, 0.4% of women
#32616a Tritanomaly 0.01% of the population

#2d5c68 hex color

#2d5c68 Color Information

#2d5c68 Color Conversion

Color Schemes with #2d5c68

Alternatives to #2d5c68

#2d5c68 Preview

Shades and Tints of #2d5c68

Tones of #2d5c68

Color Blindness Simulator