#2d5665 hex color

In a RGB color space, hex #2d5665 is composed of 17.6% red, 33.7% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 14.9% magenta, 0% yellow and 60.4% black. It has a hue angle of 196.1 degrees, a saturation of 38.4% and a lightness of 28.6%. #2d5665 color hex could be obtained by blending #5aacca with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 34
- B 40
RGB color chart
- C 55
- M 15
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2d5665 has RGB values of R:45, G:86, B:101 and CMYK values of C:0.55, M:0.15, Y:0, K:0.6. Its decimal value is 2971237.

Hex triplet	2d5665	`#2d5665`
RGB Decimal	45, 86, 101	`rgb(45,86,101)`
RGB Percent	17.6, 33.7, 39.6	`rgb(17.6%,33.7%,39.6%)`
CMYK	55, 15, 0, 60
HSL	196.1°, 38.4, 28.6	`hsl(196.1,38.4%,28.6%)`
HSV (or HSB)	196.1°, 55.4, 39.6
Web Safe	336666	`#336666`

CIE-LAB	34.299, -9.662, -13.078
XYZ	6.758, 8.153, 13.529
xyY	0.238, 0.287, 8.153
CIE-LCH	34.299, 16.26, 233.543
CIE-LUV	34.299, -17.156, -15.96
Hunter-Lab	28.553, -7.717, -8.105
Binary	00101101, 01010110, 01100101

#2d5665
```
#2d5665 rgb(45,86,101)
```
#653c2d
```
#653c2d rgb(101,60,45)
```

Complementary Color

#2d6558
```
#2d6558 rgb(45,101,88)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#2d3a65
```
#2d3a65 rgb(45,58,101)
```

Analogous Color

#65582d
```
#65582d rgb(101,88,45)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#652d3a
```
#652d3a rgb(101,45,58)
```

Split Complementary Color

#56652d
```
#56652d rgb(86,101,45)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#652d56
```
#652d56 rgb(101,45,86)
```

Triadic Color

#2d653c
```
#2d653c rgb(45,101,60)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#652d56
```
#652d56 rgb(101,45,86)
```
#653c2d
```
#653c2d rgb(101,60,45)
```

Tetradic Color

#152930
```
#152930 rgb(21,41,48)
```
#1d3842
```
#1d3842 rgb(29,56,66)
```
#254753
```
#254753 rgb(37,71,83)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#356577
```
#356577 rgb(53,101,119)
```
#3d7488
```
#3d7488 rgb(61,116,136)
```
#45839a
```
#45839a rgb(69,131,154)
```

Monochromatic Color

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

#2d6465
```
#2d6465 rgb(45,100,101)
```
#2d5f65
```
#2d5f65 rgb(45,95,101)
```
#2d5b65
```
#2d5b65 rgb(45,91,101)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#2d5165
```
#2d5165 rgb(45,81,101)
```
#2d4d65
```
#2d4d65 rgb(45,77,101)
```
#2d4865
```
#2d4865 rgb(45,72,101)
```

Similar Colors

Text with hexadecimal color #2d5665

This text has a font color of #2d5665.

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

#2d5665 background color

This paragraph has a background color of #2d5665.

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

#2d5665 border color

This element has a border color of #2d5665.

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

CSS codes

.text {color:#2d5665;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091114
```
#091114 rgb(9,17,20)
```
#0f1c21
```
#0f1c21 rgb(15,28,33)
```
#15282f
```
#15282f rgb(21,40,47)
```
#1b333c
```
#1b333c rgb(27,51,60)
```
#213f4a
```
#213f4a rgb(33,63,74)
```
#274a57
```
#274a57 rgb(39,74,87)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#336273
```
#336273 rgb(51,98,115)
```
#396d80
```
#396d80 rgb(57,109,128)
```
#3f798e
```
#3f798e rgb(63,121,142)
```
#45849b
```
#45849b rgb(69,132,155)
```
#4b90a9
```
#4b90a9 rgb(75,144,169)
```

Shade Color Variation

#559ab3
```
#559ab3 rgb(85,154,179)
```
#62a2b9
```
#62a2b9 rgb(98,162,185)
```
#70aabf
```
#70aabf rgb(112,170,191)
```
#7db2c5
```
#7db2c5 rgb(125,178,197)
```
#8bbacb
```
#8bbacb rgb(139,186,203)
```
#98c2d1
```
#98c2d1 rgb(152,194,209)
```
#a6cad7
```
#a6cad7 rgb(166,202,215)
```
#b4d2dd
```
#b4d2dd rgb(180,210,221)
```
#c1dae3
```
#c1dae3 rgb(193,218,227)
```
#cfe2e9
```
#cfe2e9 rgb(207,226,233)
```
#dceaf0
```
#dceaf0 rgb(220,234,240)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#434c4f
```
#434c4f rgb(67,76,79)
```
#3e4e54
```
#3e4e54 rgb(62,78,84)
```
#38515a
```
#38515a rgb(56,81,90)
```
#33535f
```
#33535f rgb(51,83,95)
```
#2d5665
```
#2d5665 rgb(45,86,101)
```
#27596b
```
#27596b rgb(39,89,107)
```
#225b70
```
#225b70 rgb(34,91,112)
```
#1c5e76
```
#1c5e76 rgb(28,94,118)
```
#17607b
```
#17607b rgb(23,96,123)
```
#116381
```
#116381 rgb(17,99,129)
```
#0b6687
```
#0b6687 rgb(11,102,135)
```
#06688c
```
#06688c rgb(6,104,140)
```
#006b92
```
#006b92 rgb(0,107,146)
```

Tone Color Variation

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

Dichromacy

#565869 Protanopia 1% of men
#56586f Deuteranopia 1% of men
#355f66 Tritanopia 0.001% of the population

Trichromacy

#475767 Protanomaly 1% of men, 0.01% of women
#47576b Deuteranomaly 6% of men, 0.4% of women
#325c66 Tritanomaly 0.01% of the population

#2d5665 hex color

#2d5665 Color Information

#2d5665 Color Conversion

Color Schemes with #2d5665

Alternatives to #2d5665

#2d5665 Preview

Shades and Tints of #2d5665

Tones of #2d5665

Color Blindness Simulator