#2d5661 hex color

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

♥
- f
- t
- g
- R 18
- G 34
- B 38
RGB color chart
- C 54
- M 11
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2d5661 has RGB values of R:45, G:86, B:97 and CMYK values of C:0.54, M:0.11, Y:0, K:0.62. Its decimal value is 2971233.

Hex triplet	2d5661	`#2d5661`
RGB Decimal	45, 86, 97	`rgb(45,86,97)`
RGB Percent	17.6, 33.7, 38	`rgb(17.6%,33.7%,38%)`
CMYK	54, 11, 0, 62
HSL	192.7°, 36.6, 27.8	`hsl(192.7,36.6%,27.8%)`
HSV (or HSB)	192.7°, 53.6, 38
Web Safe	336666	`#336666`

CIE-LAB	34.141, -10.954, -10.809
XYZ	6.567, 8.076, 12.521
xyY	0.242, 0.297, 8.076
CIE-LCH	34.141, 15.389, 224.617
CIE-LUV	34.141, -17.265, -12.671
Hunter-Lab	28.419, -8.484, -6.231
Binary	00101101, 01010110, 01100001

#2d5661
```
#2d5661 rgb(45,86,97)
```
#61382d
```
#61382d rgb(97,56,45)
```

Complementary Color

#2d6152
```
#2d6152 rgb(45,97,82)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#2d3c61
```
#2d3c61 rgb(45,60,97)
```

Analogous Color

#61522d
```
#61522d rgb(97,82,45)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#612d3c
```
#612d3c rgb(97,45,60)
```

Split Complementary Color

#56612d
```
#56612d rgb(86,97,45)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#612d56
```
#612d56 rgb(97,45,86)
```

Triadic Color

#2d6138
```
#2d6138 rgb(45,97,56)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#612d56
```
#612d56 rgb(97,45,86)
```
#61382d
```
#61382d rgb(97,56,45)
```

Tetradic Color

#15282d
```
#15282d rgb(21,40,45)
```
#1d373e
```
#1d373e rgb(29,55,62)
```
#254750
```
#254750 rgb(37,71,80)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#356572
```
#356572 rgb(53,101,114)
```
#3d7584
```
#3d7584 rgb(61,117,132)
```
#458495
```
#458495 rgb(69,132,149)
```

Monochromatic Color

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

#2d615f
```
#2d615f rgb(45,97,95)
```
#2d5f61
```
#2d5f61 rgb(45,95,97)
```
#2d5a61
```
#2d5a61 rgb(45,90,97)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#2d5261
```
#2d5261 rgb(45,82,97)
```
#2d4d61
```
#2d4d61 rgb(45,77,97)
```
#2d4961
```
#2d4961 rgb(45,73,97)
```

Similar Colors

Text with hexadecimal color #2d5661

This text has a font color of #2d5661.

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

#2d5661 background color

This paragraph has a background color of #2d5661.

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

#2d5661 border color

This element has a border color of #2d5661.

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

CSS codes

.text {color:#2d5661;}

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

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

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 #f5f9fa is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#080f11
```
#080f11 rgb(8,15,17)
```
#0e1b1e
```
#0e1b1e rgb(14,27,30)
```
#14262b
```
#14262b rgb(20,38,43)
```
#1a3239
```
#1a3239 rgb(26,50,57)
```
#213e46
```
#213e46 rgb(33,62,70)
```
#274a54
```
#274a54 rgb(39,74,84)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#33626e
```
#33626e rgb(51,98,110)
```
#396e7c
```
#396e7c rgb(57,110,124)
```
#407a89
```
#407a89 rgb(64,122,137)
```
#468697
```
#468697 rgb(70,134,151)
```
#4c91a4
```
#4c91a4 rgb(76,145,164)
```

Shade Color Variation

#549cb0
```
#549cb0 rgb(84,156,176)
```
#61a4b6
```
#61a4b6 rgb(97,164,182)
```
#6facbc
```
#6facbc rgb(111,172,188)
```
#7cb3c2
```
#7cb3c2 rgb(124,179,194)
```
#8abbc9
```
#8abbc9 rgb(138,187,201)
```
#97c3cf
```
#97c3cf rgb(151,195,207)
```
#a4cbd5
```
#a4cbd5 rgb(164,203,213)
```
#b2d2db
```
#b2d2db rgb(178,210,219)
```
#bfdae1
```
#bfdae1 rgb(191,218,225)
```
#cde2e8
```
#cde2e8 rgb(205,226,232)
```
#daeaee
```
#daeaee rgb(218,234,238)
```
#e7f1f4
```
#e7f1f4 rgb(231,241,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

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

#43494b
```
#43494b rgb(67,73,75)
```
#3d4d51
```
#3d4d51 rgb(61,77,81)
```
#385056
```
#385056 rgb(56,80,86)
```
#32535c
```
#32535c rgb(50,83,92)
```
#2d5661
```
#2d5661 rgb(45,86,97)
```
#285966
```
#285966 rgb(40,89,102)
```
#225c6c
```
#225c6c rgb(34,92,108)
```
#1d5f71
```
#1d5f71 rgb(29,95,113)
```
#176377
```
#176377 rgb(23,99,119)
```
#12667c
```
#12667c rgb(18,102,124)
```
#0c6982
```
#0c6982 rgb(12,105,130)
```
#076c87
```
#076c87 rgb(7,108,135)
```
#016f8d
```
#016f8d rgb(1,111,141)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#565865 Protanopia 1% of men
#57576b Deuteranopia 1% of men
#365f66 Tritanopia 0.001% of the population

Trichromacy

#475763 Protanomaly 1% of men, 0.01% of women
#485767 Deuteranomaly 6% of men, 0.4% of women
#335b64 Tritanomaly 0.01% of the population

#2d5661 hex color

#2d5661 Color Information

#2d5661 Color Conversion

Color Schemes with #2d5661

Alternatives to #2d5661

#2d5661 Preview

Shades and Tints of #2d5661

Tones of #2d5661

Color Blindness Simulator