#2d5160 hex color

In a RGB color space, hex #2d5160 is composed of 17.6% red, 31.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 15.6% magenta, 0% yellow and 62.4% black. It has a hue angle of 197.6 degrees, a saturation of 36.2% and a lightness of 27.6%. #2d5160 color hex could be obtained by blending #5aa2c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 32
- B 38
RGB color chart
- C 53
- M 16
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2d5160 has RGB values of R:45, G:81, B:96 and CMYK values of C:0.53, M:0.16, Y:0, K:0.62. Its decimal value is 2969952.

Hex triplet	2d5160	`#2d5160`
RGB Decimal	45, 81, 96	`rgb(45,81,96)`
RGB Percent	17.6, 31.8, 37.6	`rgb(17.6%,31.8%,37.6%)`
CMYK	53, 16, 0, 62
HSL	197.6°, 36.2, 27.6	`hsl(197.6,36.2%,27.6%)`
HSV (or HSB)	197.6°, 53.1, 37.6
Web Safe	336666	`#336666`

CIE-LAB	32.451, -8.269, -12.748
XYZ	6.135, 7.287, 12.149
xyY	0.24, 0.285, 7.287
CIE-LCH	32.451, 15.195, 237.028
CIE-LUV	32.451, -15.297, -15.419
Hunter-Lab	26.994, -6.67, -7.788
Binary	00101101, 01010001, 01100000

#2d5160
```
#2d5160 rgb(45,81,96)
```
#603c2d
```
#603c2d rgb(96,60,45)
```

Complementary Color

#2d6056
```
#2d6056 rgb(45,96,86)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#2d3860
```
#2d3860 rgb(45,56,96)
```

Analogous Color

#60562d
```
#60562d rgb(96,86,45)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#602d38
```
#602d38 rgb(96,45,56)
```

Split Complementary Color

#51602d
```
#51602d rgb(81,96,45)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#602d51
```
#602d51 rgb(96,45,81)
```

Triadic Color

#2d603c
```
#2d603c rgb(45,96,60)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#602d51
```
#602d51 rgb(96,45,81)
```
#603c2d
```
#603c2d rgb(96,60,45)
```

Tetradic Color

#15252c
```
#15252c rgb(21,37,44)
```
#1d343d
```
#1d343d rgb(29,52,61)
```
#25424f
```
#25424f rgb(37,66,79)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#356071
```
#356071 rgb(53,96,113)
```
#3d6e83
```
#3d6e83 rgb(61,110,131)
```
#457d94
```
#457d94 rgb(69,125,148)
```

Monochromatic Color

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

#2d5e60
```
#2d5e60 rgb(45,94,96)
```
#2d5a60
```
#2d5a60 rgb(45,90,96)
```
#2d5560
```
#2d5560 rgb(45,85,96)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#2d4d60
```
#2d4d60 rgb(45,77,96)
```
#2d4960
```
#2d4960 rgb(45,73,96)
```
#2d4460
```
#2d4460 rgb(45,68,96)
```

Similar Colors

Text with hexadecimal color #2d5160

This text has a font color of #2d5160.

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

#2d5160 background color

This paragraph has a background color of #2d5160.

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

#2d5160 border color

This element has a border color of #2d5160.

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

CSS codes

.text {color:#2d5160;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070d10
```
#070d10 rgb(7,13,16)
```
#0e191d
```
#0e191d rgb(14,25,29)
```
#14242b
```
#14242b rgb(20,36,43)
```
#1a2f38
```
#1a2f38 rgb(26,47,56)
```
#203a45
```
#203a45 rgb(32,58,69)
```
#274653
```
#274653 rgb(39,70,83)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#335c6d
```
#335c6d rgb(51,92,109)
```
#3a687b
```
#3a687b rgb(58,104,123)
```
#407388
```
#407388 rgb(64,115,136)
```
#467e95
```
#467e95 rgb(70,126,149)
```
#4c89a3
```
#4c89a3 rgb(76,137,163)
```

Shade Color Variation

#5494af
```
#5494af rgb(84,148,175)
```
#619cb5
```
#619cb5 rgb(97,156,181)
```
#6fa5bb
```
#6fa5bb rgb(111,165,187)
```
#7cadc2
```
#7cadc2 rgb(124,173,194)
```
#89b5c8
```
#89b5c8 rgb(137,181,200)
```
#97bece
```
#97bece rgb(151,190,206)
```
#a4c6d4
```
#a4c6d4 rgb(164,198,212)
```
#b1cedb
```
#b1cedb rgb(177,206,219)
```
#bfd7e1
```
#bfd7e1 rgb(191,215,225)
```
#ccdfe7
```
#ccdfe7 rgb(204,223,231)
```
#d9e8ed
```
#d9e8ed rgb(217,232,237)
```
#e7f0f4
```
#e7f0f4 rgb(231,240,244)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#43484a
```
#43484a rgb(67,72,74)
```
#3d4a50
```
#3d4a50 rgb(61,74,80)
```
#384d55
```
#384d55 rgb(56,77,85)
```
#324f5b
```
#324f5b rgb(50,79,91)
```
#2d5160
```
#2d5160 rgb(45,81,96)
```
#285365
```
#285365 rgb(40,83,101)
```
#22556b
```
#22556b rgb(34,85,107)
```
#1d5870
```
#1d5870 rgb(29,88,112)
```
#175a76
```
#175a76 rgb(23,90,118)
```
#125c7b
```
#125c7b rgb(18,92,123)
```
#0c5e81
```
#0c5e81 rgb(12,94,129)
```
#076186
```
#076186 rgb(7,97,134)
```
#02638b
```
#02638b rgb(2,99,139)
```

Tone Color Variation

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

#515465 Protanopia 1% of men
#52546a Deuteranopia 1% of men
#355b61 Tritanopia 0.001% of the population

Trichromacy

#445363 Protanomaly 1% of men, 0.01% of women
#445366 Deuteranomaly 6% of men, 0.4% of women
#325761 Tritanomaly 0.01% of the population

#2d5160 hex color

#2d5160 Color Information

#2d5160 Color Conversion

Color Schemes with #2d5160

Alternatives to #2d5160

#2d5160 Preview

Shades and Tints of #2d5160

Tones of #2d5160

Color Blindness Simulator