#2d525f hex color

In a RGB color space, hex #2d525f is composed of 17.6% red, 32.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 13.7% magenta, 0% yellow and 62.7% black. It has a hue angle of 195.6 degrees, a saturation of 35.7% and a lightness of 27.5%. #2d525f color hex could be obtained by blending #5aa4be with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 32
- B 37
RGB color chart
- C 53
- M 14
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #2d525f has RGB values of R:45, G:82, B:95 and CMYK values of C:0.53, M:0.14, Y:0, K:0.63. Its decimal value is 2970207.

Hex triplet	2d525f	`#2d525f`
RGB Decimal	45, 82, 95	`rgb(45,82,95)`
RGB Percent	17.6, 32.2, 37.3	`rgb(17.6%,32.2%,37.3%)`
CMYK	53, 14, 0, 63
HSL	195.6°, 35.7, 27.5	`hsl(195.6,35.7%,27.5%)`
HSV (or HSB)	195.6°, 52.6, 37.3
Web Safe	336666	`#336666`

CIE-LAB	32.741, -9.201, -11.674
XYZ	6.165, 7.418, 11.933
xyY	0.242, 0.291, 7.418
CIE-LCH	32.741, 14.864, 231.758
CIE-LUV	32.741, -15.717, -13.893
Hunter-Lab	27.237, -7.264, -6.91
Binary	00101101, 01010010, 01011111

#2d525f
```
#2d525f rgb(45,82,95)
```
#5f3a2d
```
#5f3a2d rgb(95,58,45)
```

Complementary Color

#2d5f53
```
#2d5f53 rgb(45,95,83)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#2d395f
```
#2d395f rgb(45,57,95)
```

Analogous Color

#5f532d
```
#5f532d rgb(95,83,45)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#5f2d39
```
#5f2d39 rgb(95,45,57)
```

Split Complementary Color

#525f2d
```
#525f2d rgb(82,95,45)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#5f2d52
```
#5f2d52 rgb(95,45,82)
```

Triadic Color

#2d5f3a
```
#2d5f3a rgb(45,95,58)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#5f2d52
```
#5f2d52 rgb(95,45,82)
```
#5f3a2d
```
#5f3a2d rgb(95,58,45)
```

Tetradic Color

#14252b
```
#14252b rgb(20,37,43)
```
#1d343c
```
#1d343c rgb(29,52,60)
```
#25434e
```
#25434e rgb(37,67,78)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#356170
```
#356170 rgb(53,97,112)
```
#3d7082
```
#3d7082 rgb(61,112,130)
```
#467f93
```
#467f93 rgb(70,127,147)
```

Monochromatic Color

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

#2d5f5f
```
#2d5f5f rgb(45,95,95)
```
#2d5a5f
```
#2d5a5f rgb(45,90,95)
```
#2d565f
```
#2d565f rgb(45,86,95)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#2d4e5f
```
#2d4e5f rgb(45,78,95)
```
#2d4a5f
```
#2d4a5f rgb(45,74,95)
```
#2d465f
```
#2d465f rgb(45,70,95)
```

Similar Colors

Text with hexadecimal color #2d525f

This text has a font color of #2d525f.

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

#2d525f background color

This paragraph has a background color of #2d525f.

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

#2d525f border color

This element has a border color of #2d525f.

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

CSS codes

.text {color:#2d525f;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070d0f
```
#070d0f rgb(7,13,15)
```
#0d191c
```
#0d191c rgb(13,25,28)
```
#14242a
```
#14242a rgb(20,36,42)
```
#1a3037
```
#1a3037 rgb(26,48,55)
```
#203b44
```
#203b44 rgb(32,59,68)
```
#274752
```
#274752 rgb(39,71,82)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#335d6c
```
#335d6c rgb(51,93,108)
```
#3a697a
```
#3a697a rgb(58,105,122)
```
#407487
```
#407487 rgb(64,116,135)
```
#468094
```
#468094 rgb(70,128,148)
```
#4d8ba2
```
#4d8ba2 rgb(77,139,162)
```

Shade Color Variation

#5496ae
```
#5496ae rgb(84,150,174)
```
#619fb4
```
#619fb4 rgb(97,159,180)
```
#6ea7bb
```
#6ea7bb rgb(110,167,187)
```
#7cafc1
```
#7cafc1 rgb(124,175,193)
```
#89b7c7
```
#89b7c7 rgb(137,183,199)
```
#96bfcd
```
#96bfcd rgb(150,191,205)
```
#a4c7d4
```
#a4c7d4 rgb(164,199,212)
```
#b1cfda
```
#b1cfda rgb(177,207,218)
```
#bed7e0
```
#bed7e0 rgb(190,215,224)
```
#cce0e7
```
#cce0e7 rgb(204,224,231)
```
#d9e8ed
```
#d9e8ed rgb(217,232,237)
```
#e6f0f3
```
#e6f0f3 rgb(230,240,243)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#434849
```
#434849 rgb(67,72,73)
```
#3d4a4f
```
#3d4a4f rgb(61,74,79)
```
#384d54
```
#384d54 rgb(56,77,84)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#285564
```
#285564 rgb(40,85,100)
```
#22576a
```
#22576a rgb(34,87,106)
```
#1d5a6f
```
#1d5a6f rgb(29,90,111)
```
#175c75
```
#175c75 rgb(23,92,117)
```
#125f7a
```
#125f7a rgb(18,95,122)
```
#0d627f
```
#0d627f rgb(13,98,127)
```
#076485
```
#076485 rgb(7,100,133)
```
#02678a
```
#02678a rgb(2,103,138)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#535564 Protanopia 1% of men
#535469 Deuteranopia 1% of men
#355b62 Tritanopia 0.001% of the population

Trichromacy

#455462 Protanomaly 1% of men, 0.01% of women
#455365 Deuteranomaly 6% of men, 0.4% of women
#325861 Tritanomaly 0.01% of the population

#2d525f hex color

#2d525f Color Information

#2d525f Color Conversion

Color Schemes with #2d525f

Alternatives to #2d525f

#2d525f Preview

Shades and Tints of #2d525f

Tones of #2d525f

Color Blindness Simulator