colorhexa.com

#2d5d61 hex color

In a RGB color space, hex #2d5d61 is composed of 17.6% red, 36.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 4.1% magenta, 0% yellow and 62% black. It has a hue angle of 184.6 degrees, a saturation of 36.6% and a lightness of 27.8%. #2d5d61 color hex could be obtained by blending #5abac2 with #000000. Closest websafe color is: #336666.

- R 18
- G 36
- B 38
RGB color chart
- C 54
- M 4
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2d5d61 has RGB values of R:45, G:93, B:97 and CMYK values of C:0.54, M:0.04, Y:0, K:0.62. Its decimal value is 2973025.

Hex triplet	2d5d61	`#2d5d61`
RGB Decimal	45, 93, 97	`rgb(45,93,97)`
RGB Percent	17.6, 36.5, 38	`rgb(17.6%,36.5%,38%)`
CMYK	54, 4, 0, 62
HSL	184.6°, 36.6, 27.8	`hsl(184.6,36.6%,27.8%)`
HSV (or HSB)	184.6°, 53.6, 38
Web Safe	336666	`#336666`

CIE-LAB	36.46, -15.014, -7.314
XYZ	7.154, 9.249, 12.717
xyY	0.246, 0.318, 9.249
CIE-LCH	36.46, 16.701, 205.974
CIE-LUV	36.46, -20.079, -7.6
Hunter-Lab	30.412, -11.235, -3.503
Binary	00101101, 01011101, 01100001

#2d5d61
```
#2d5d61 rgb(45,93,97)
```
#61312d
```
#61312d rgb(97,49,45)
```

Complementary Color

#2d614b
```
#2d614b rgb(45,97,75)
```
#2d5d61
```
#2d5d61 rgb(45,93,97)
```
#2d4361
```
#2d4361 rgb(45,67,97)
```

Analogous Color

#614b2d
```
#614b2d rgb(97,75,45)
```
#2d5d61
```
#2d5d61 rgb(45,93,97)
```
#612d43
```
#612d43 rgb(97,45,67)
```

Split Complementary Color

#152b2d
```
#152b2d rgb(21,43,45)
```
#1d3c3e
```
#1d3c3e rgb(29,60,62)
```
#254c50
```
#254c50 rgb(37,76,80)
```
#2d5d61
```
#2d5d61 rgb(45,93,97)
```
#356e72
```
#356e72 rgb(53,110,114)
```
#3d7e84
```
#3d7e84 rgb(61,126,132)
```
#458f95
```
#458f95 rgb(69,143,149)
```

Monochromatic Color

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

#2d6158
```
#2d6158 rgb(45,97,88)
```
#2d615c
```
#2d615c rgb(45,97,92)
```
#2d6161
```
#2d6161 rgb(45,97,97)
```
#2d5d61
```
#2d5d61 rgb(45,93,97)
```
#2d5961
```
#2d5961 rgb(45,89,97)
```
#2d5461
```
#2d5461 rgb(45,84,97)
```
#2d5061
```
#2d5061 rgb(45,80,97)
```

Similar Colors

Text with hexadecimal color #2d5d61

This text has a font color of #2d5d61.

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

#2d5d61 background color

This paragraph has a background color of #2d5d61.

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

#2d5d61 border color

This element has a border color of #2d5d61.

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

CSS codes

.text {color:#2d5d61;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#081011
```
#081011 rgb(8,16,17)
```
#0e1d1e
```
#0e1d1e rgb(14,29,30)
```
#142a2b
```
#142a2b rgb(20,42,43)
```
#1a3639
```
#1a3639 rgb(26,54,57)
```
#214346
```
#214346 rgb(33,67,70)
```
#275054
```
#275054 rgb(39,80,84)
```
#2d5d61
```
#2d5d61 rgb(45,93,97)
```
#336a6e
```
#336a6e rgb(51,106,110)
```
#39777c
```
#39777c rgb(57,119,124)
```
#408489
```
#408489 rgb(64,132,137)
```
#469097
```
#469097 rgb(70,144,151)
```
#4c9da4
```
#4c9da4 rgb(76,157,164)
```

Shade Color Variation

#54a9b0
```
#54a9b0 rgb(84,169,176)
```
#61afb6
```
#61afb6 rgb(97,175,182)
```
#6fb6bc
```
#6fb6bc rgb(111,182,188)
```
#7cbdc2
```
#7cbdc2 rgb(124,189,194)
```
#8ac4c9
```
#8ac4c9 rgb(138,196,201)
```
#97cacf
```
#97cacf rgb(151,202,207)
```
#a4d1d5
```
#a4d1d5 rgb(164,209,213)
```
#b2d8db
```
#b2d8db rgb(178,216,219)
```
#bfdfe1
```
#bfdfe1 rgb(191,223,225)
```
#cde6e8
```
#cde6e8 rgb(205,230,232)
```
#daecee
```
#daecee rgb(218,236,238)
```
#e7f3f4
```
#e7f3f4 rgb(231,243,244)
```
#f5fafa
```
#f5fafa rgb(245,250,250)
```

Tint Color Variation

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

#434b4b
```
#434b4b rgb(67,75,75)
```
#3d4f51
```
#3d4f51 rgb(61,79,81)
```
#385456
```
#385456 rgb(56,84,86)
```
#32585c
```
#32585c rgb(50,88,92)
```
#2d5d61
```
#2d5d61 rgb(45,93,97)
```
#286266
```
#286266 rgb(40,98,102)
```
#22666c
```
#22666c rgb(34,102,108)
```
#1d6b71
```
#1d6b71 rgb(29,107,113)
```
#176f77
```
#176f77 rgb(23,111,119)
```
#12747c
```
#12747c rgb(18,116,124)
```
#0c7982
```
#0c7982 rgb(12,121,130)
```
#077d87
```
#077d87 rgb(7,125,135)
```
#01828d
```
#01828d rgb(1,130,141)
```

Tone Color Variation

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

Dichromacy

#5e5d64 Protanopia 1% of men
#605c6c Deuteranopia 1% of men
#39646c Tritanopia 0.001% of the population

Trichromacy

#4c5d63 Protanomaly 1% of men, 0.01% of women
#4d5c68 Deuteranomaly 6% of men, 0.4% of women
#346268 Tritanomaly 0.01% of the population