colorhexa.com

#2d5b5e hex color

In a RGB color space, hex #2d5b5e is composed of 17.6% red, 35.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 3.2% magenta, 0% yellow and 63.1% black. It has a hue angle of 183.7 degrees, a saturation of 35.3% and a lightness of 27.3%. #2d5b5e color hex could be obtained by blending #5ab6bc with #000000. Closest websafe color is: #336666.

- R 18
- G 36
- B 37
RGB color chart
- C 52
- M 3
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #2d5b5e has RGB values of R:45, G:91, B:94 and CMYK values of C:0.52, M:0.03, Y:0, K:0.63. Its decimal value is 2972510.

Hex triplet	2d5b5e	`#2d5b5e`
RGB Decimal	45, 91, 94	`rgb(45,91,94)`
RGB Percent	17.6, 35.7, 36.9	`rgb(17.6%,35.7%,36.9%)`
CMYK	52, 3, 0, 63
HSL	183.7°, 35.3, 27.3	`hsl(183.7,35.3%,27.3%)`
HSV (or HSB)	183.7°, 52.1, 36.9
Web Safe	336666	`#336666`

CIE-LAB	35.69, -14.794, -6.599
XYZ	6.843, 8.848, 11.936
xyY	0.248, 0.32, 8.848
CIE-LCH	35.69, 16.199, 204.041
CIE-LUV	35.69, -19.373, -6.618
Hunter-Lab	29.745, -10.989, -2.97
Binary	00101101, 01011011, 01011110

#2d5b5e
```
#2d5b5e rgb(45,91,94)
```
#5e302d
```
#5e302d rgb(94,48,45)
```

Complementary Color

#2d5e49
```
#2d5e49 rgb(45,94,73)
```
#2d5b5e
```
#2d5b5e rgb(45,91,94)
```
#2d435e
```
#2d435e rgb(45,67,94)
```

Analogous Color

#5e492d
```
#5e492d rgb(94,73,45)
```
#2d5b5e
```
#2d5b5e rgb(45,91,94)
```
#5e2d43
```
#5e2d43 rgb(94,45,67)
```

Split Complementary Color

#14292a
```
#14292a rgb(20,41,42)
```
#1c3a3c
```
#1c3a3c rgb(28,58,60)
```
#254a4d
```
#254a4d rgb(37,74,77)
```
#2d5b5e
```
#2d5b5e rgb(45,91,94)
```
#356c6f
```
#356c6f rgb(53,108,111)
```
#3e7c80
```
#3e7c80 rgb(62,124,128)
```
#468d92
```
#468d92 rgb(70,141,146)
```

Monochromatic Color

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

#2d5e55
```
#2d5e55 rgb(45,94,85)
```
#2d5e59
```
#2d5e59 rgb(45,94,89)
```
#2d5e5d
```
#2d5e5d rgb(45,94,93)
```
#2d5b5e
```
#2d5b5e rgb(45,91,94)
```
#2d575e
```
#2d575e rgb(45,87,94)
```
#2d535e
```
#2d535e rgb(45,83,94)
```
#2d4f5e
```
#2d4f5e rgb(45,79,94)
```

Similar Colors

Text with hexadecimal color #2d5b5e

This text has a font color of #2d5b5e.

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

#2d5b5e background color

This paragraph has a background color of #2d5b5e.

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

#2d5b5e border color

This element has a border color of #2d5b5e.

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

CSS codes

.text {color:#2d5b5e;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070e0e
```
#070e0e rgb(7,14,14)
```
#0d1b1c
```
#0d1b1c rgb(13,27,28)
```
#142829
```
#142829 rgb(20,40,41)
```
#1a3436
```
#1a3436 rgb(26,52,54)
```
#204143
```
#204143 rgb(32,65,67)
```
#274e51
```
#274e51 rgb(39,78,81)
```
#2d5b5e
```
#2d5b5e rgb(45,91,94)
```
#33686b
```
#33686b rgb(51,104,107)
```
#3a7579
```
#3a7579 rgb(58,117,121)
```
#408286
```
#408286 rgb(64,130,134)
```
#468e93
```
#468e93 rgb(70,142,147)
```
#4d9ba0
```
#4d9ba0 rgb(77,155,160)
```

Shade Color Variation

#54a8ad
```
#54a8ad rgb(84,168,173)
```
#61aeb3
```
#61aeb3 rgb(97,174,179)
```
#6eb5ba
```
#6eb5ba rgb(110,181,186)
```
#7bbcc0
```
#7bbcc0 rgb(123,188,192)
```
#89c3c6
```
#89c3c6 rgb(137,195,198)
```
#96c9cd
```
#96c9cd rgb(150,201,205)
```
#a3d0d3
```
#a3d0d3 rgb(163,208,211)
```
#b1d7d9
```
#b1d7d9 rgb(177,215,217)
```
#bedee0
```
#bedee0 rgb(190,222,224)
```
#cbe4e6
```
#cbe4e6 rgb(203,228,230)
```
#d8ebec
```
#d8ebec rgb(216,235,236)
```
#e6f2f3
```
#e6f2f3 rgb(230,242,243)
```
#f3f9f9
```
#f3f9f9 rgb(243,249,249)
```

Tint Color Variation

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

#424849
```
#424849 rgb(66,72,73)
```
#3d4d4e
```
#3d4d4e rgb(61,77,78)
```
#385253
```
#385253 rgb(56,82,83)
```
#325659
```
#325659 rgb(50,86,89)
```
#2d5b5e
```
#2d5b5e rgb(45,91,94)
```
#286063
```
#286063 rgb(40,96,99)
```
#226469
```
#226469 rgb(34,100,105)
```
#1d696e
```
#1d696e rgb(29,105,110)
```
#186e73
```
#186e73 rgb(24,110,115)
```
#127279
```
#127279 rgb(18,114,121)
```
#0d777e
```
#0d777e rgb(13,119,126)
```
#087c83
```
#087c83 rgb(8,124,131)
```
#028189
```
#028189 rgb(2,129,137)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#475151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5c62 Protanopia 1% of men
#5f5a69 Deuteranopia 1% of men
#39626a Tritanopia 0.001% of the population

Trichromacy

#4b5b60 Protanomaly 1% of men, 0.01% of women
#4c5a65 Deuteranomaly 6% of men, 0.4% of women
#346065 Tritanomaly 0.01% of the population