#2d5363 hex color

In a RGB color space, hex #2d5363 is composed of 17.6% red, 32.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 16.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 197.8 degrees, a saturation of 37.5% and a lightness of 28.2%. #2d5363 color hex could be obtained by blending #5aa6c6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 39
RGB color chart
- C 55
- M 16
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #2d5363 has RGB values of R:45, G:83, B:99 and CMYK values of C:0.55, M:0.16, Y:0, K:0.61. Its decimal value is 2970467.

Hex triplet	2d5363	`#2d5363`
RGB Decimal	45, 83, 99	`rgb(45,83,99)`
RGB Percent	17.6, 32.5, 38.8	`rgb(17.6%,32.5%,38.8%)`
CMYK	55, 16, 0, 61
HSL	197.8°, 37.5, 28.2	`hsl(197.8,37.5%,28.2%)`
HSV (or HSB)	197.8°, 54.5, 38.8
Web Safe	336666	`#336666`

CIE-LAB	33.232, -8.506, -13.449
XYZ	6.427, 7.645, 12.941
xyY	0.238, 0.283, 7.645
CIE-LCH	33.232, 15.913, 237.689
CIE-LUV	33.232, -16.022, -16.461
Hunter-Lab	27.649, -6.895, -8.395
Binary	00101101, 01010011, 01100011

#2d5363
```
#2d5363 rgb(45,83,99)
```
#633d2d
```
#633d2d rgb(99,61,45)
```

Complementary Color

#2d6358
```
#2d6358 rgb(45,99,88)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#2d3863
```
#2d3863 rgb(45,56,99)
```

Analogous Color

#63582d
```
#63582d rgb(99,88,45)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#632d38
```
#632d38 rgb(99,45,56)
```

Split Complementary Color

#53632d
```
#53632d rgb(83,99,45)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#632d53
```
#632d53 rgb(99,45,83)
```

Triadic Color

#2d633d
```
#2d633d rgb(45,99,61)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#632d53
```
#632d53 rgb(99,45,83)
```
#633d2d
```
#633d2d rgb(99,61,45)
```

Tetradic Color

#15272e
```
#15272e rgb(21,39,46)
```
#1d3640
```
#1d3640 rgb(29,54,64)
```
#254451
```
#254451 rgb(37,68,81)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#356275
```
#356275 rgb(53,98,117)
```
#3d7086
```
#3d7086 rgb(61,112,134)
```
#457f98
```
#457f98 rgb(69,127,152)
```

Monochromatic Color

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

#2d6163
```
#2d6163 rgb(45,97,99)
```
#2d5c63
```
#2d5c63 rgb(45,92,99)
```
#2d5863
```
#2d5863 rgb(45,88,99)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#2d4f63
```
#2d4f63 rgb(45,79,99)
```
#2d4a63
```
#2d4a63 rgb(45,74,99)
```
#2d4663
```
#2d4663 rgb(45,70,99)
```

Similar Colors

Text with hexadecimal color #2d5363

This text has a font color of #2d5363.

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

#2d5363 background color

This paragraph has a background color of #2d5363.

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

#2d5363 border color

This element has a border color of #2d5363.

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

CSS codes

.text {color:#2d5363;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f12
```
#080f12 rgb(8,15,18)
```
#0e1a20
```
#0e1a20 rgb(14,26,32)
```
#14262d
```
#14262d rgb(20,38,45)
```
#1b313b
```
#1b313b rgb(27,49,59)
```
#213c48
```
#213c48 rgb(33,60,72)
```
#274856
```
#274856 rgb(39,72,86)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#335e70
```
#335e70 rgb(51,94,112)
```
#396a7e
```
#396a7e rgb(57,106,126)
```
#3f758b
```
#3f758b rgb(63,117,139)
```
#468099
```
#468099 rgb(70,128,153)
```
#4c8ca6
```
#4c8ca6 rgb(76,140,166)
```

Shade Color Variation

#5496b1
```
#5496b1 rgb(84,150,177)
```
#629eb8
```
#629eb8 rgb(98,158,184)
```
#6fa6be
```
#6fa6be rgb(111,166,190)
```
#7dafc4
```
#7dafc4 rgb(125,175,196)
```
#8ab7ca
```
#8ab7ca rgb(138,183,202)
```
#98bfd0
```
#98bfd0 rgb(152,191,208)
```
#a5c8d6
```
#a5c8d6 rgb(165,200,214)
```
#b3d0dc
```
#b3d0dc rgb(179,208,220)
```
#c0d8e2
```
#c0d8e2 rgb(192,216,226)
```
#cee1e9
```
#cee1e9 rgb(206,225,233)
```
#dbe9ef
```
#dbe9ef rgb(219,233,239)
```
#e9f1f5
```
#e9f1f5 rgb(233,241,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#434a4d
```
#434a4d rgb(67,74,77)
```
#3e4c52
```
#3e4c52 rgb(62,76,82)
```
#384e58
```
#384e58 rgb(56,78,88)
```
#33515d
```
#33515d rgb(51,81,93)
```
#2d5363
```
#2d5363 rgb(45,83,99)
```
#275569
```
#275569 rgb(39,85,105)
```
#22586e
```
#22586e rgb(34,88,110)
```
#1c5a74
```
#1c5a74 rgb(28,90,116)
```
#175c79
```
#175c79 rgb(23,92,121)
```
#115e7f
```
#115e7f rgb(17,94,127)
```
#0c6184
```
#0c6184 rgb(12,97,132)
```
#06638a
```
#06638a rgb(6,99,138)
```
#01658f
```
#01658f rgb(1,101,143)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#535667 Protanopia 1% of men
#53556d Deuteranopia 1% of men
#345d64 Tritanopia 0.001% of the population

Trichromacy

#455566 Protanomaly 1% of men, 0.01% of women
#455469 Deuteranomaly 6% of men, 0.4% of women
#325963 Tritanomaly 0.01% of the population

#2d5363 hex color

#2d5363 Color Information

#2d5363 Color Conversion

Color Schemes with #2d5363

Alternatives to #2d5363

#2d5363 Preview

Shades and Tints of #2d5363

Tones of #2d5363

Color Blindness Simulator