#2d747c hex color

In a RGB color space, hex #2d747c is composed of 17.6% red, 45.5% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 6.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 186.1 degrees, a saturation of 46.7% and a lightness of 33.1%. #2d747c color hex could be obtained by blending #5ae8f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 45
- B 49
RGB color chart
- C 64
- M 6
- Y 0
- K 51
CMYK color chart

● #2d747c color description : Dark moderate cyan.

The hexadecimal color #2d747c has RGB values of R:45, G:116, B:124 and CMYK values of C:0.64, M:0.06, Y:0, K:0.51. Its decimal value is 2978940.

Hex triplet	2d747c	`#2d747c`
RGB Decimal	45, 116, 124	`rgb(45,116,124)`
RGB Percent	17.6, 45.5, 48.6	`rgb(17.6%,45.5%,48.6%)`
CMYK	64, 6, 0, 51
HSL	186.1°, 46.7, 33.1	`hsl(186.1,46.7%,33.1%)`
HSV (or HSB)	186.1°, 63.7, 48.6
Web Safe	336666	`#336666`

CIE-LAB	44.946, -19.297, -11.002
XYZ	10.965, 14.503, 21.289
xyY	0.235, 0.31, 14.503
CIE-LCH	44.946, 22.213, 209.69
CIE-LUV	44.946, -27.949, -12.798
Hunter-Lab	38.083, -15.252, -6.487
Binary	00101101, 01110100, 01111100

#2d747c
```
#2d747c rgb(45,116,124)
```
#7c352d
```
#7c352d rgb(124,53,45)
```

Complementary Color

#2d7c5d
```
#2d7c5d rgb(45,124,93)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#2d4d7c
```
#2d4d7c rgb(45,77,124)
```

Analogous Color

#7c5d2d
```
#7c5d2d rgb(124,93,45)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#7c2d4d
```
#7c2d4d rgb(124,45,77)
```

Split Complementary Color

#747c2d
```
#747c2d rgb(116,124,45)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#7c2d74
```
#7c2d74 rgb(124,45,116)
```

Triadic Color

#2d7c35
```
#2d7c35 rgb(45,124,53)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#7c2d74
```
#7c2d74 rgb(124,45,116)
```
#7c352d
```
#7c352d rgb(124,53,45)
```

Tetradic Color

#193f44
```
#193f44 rgb(25,63,68)
```
#1f5157
```
#1f5157 rgb(31,81,87)
```
#266269
```
#266269 rgb(38,98,105)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#34868f
```
#34868f rgb(52,134,143)
```
#3b97a1
```
#3b97a1 rgb(59,151,161)
```
#41a9b4
```
#41a9b4 rgb(65,169,180)
```

Monochromatic Color

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

#2d7c70
```
#2d7c70 rgb(45,124,112)
```
#2d7c77
```
#2d7c77 rgb(45,124,119)
```
#2d7b7c
```
#2d7b7c rgb(45,123,124)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#2d6d7c
```
#2d6d7c rgb(45,109,124)
```
#2d677c
```
#2d677c rgb(45,103,124)
```
#2d607c
```
#2d607c rgb(45,96,124)
```

Similar Colors

Text with hexadecimal color #2d747c

This text has a font color of #2d747c.

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

#2d747c background color

This paragraph has a background color of #2d747c.

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

#2d747c border color

This element has a border color of #2d747c.

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

CSS codes

.text {color:#2d747c;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#081617
```
#081617 rgb(8,22,23)
```
#0e2326
```
#0e2326 rgb(14,35,38)
```
#133134
```
#133134 rgb(19,49,52)
```
#183e42
```
#183e42 rgb(24,62,66)
```
#1d4c51
```
#1d4c51 rgb(29,76,81)
```
#23595f
```
#23595f rgb(35,89,95)
```
#28676e
```
#28676e rgb(40,103,110)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#32818a
```
#32818a rgb(50,129,138)
```
#378f99
```
#378f99 rgb(55,143,153)
```
#3d9ca7
```
#3d9ca7 rgb(61,156,167)
```
#42aab6
```
#42aab6 rgb(66,170,182)
```

Shade Color Variation

#4db3be
```
#4db3be rgb(77,179,190)
```
#5bb9c4
```
#5bb9c4 rgb(91,185,196)
```
#6abfc9
```
#6abfc9 rgb(106,191,201)
```
#78c5ce
```
#78c5ce rgb(120,197,206)
```
#86cbd3
```
#86cbd3 rgb(134,203,211)
```
#95d2d8
```
#95d2d8 rgb(149,210,216)
```
#a3d8de
```
#a3d8de rgb(163,216,222)
```
#b2dee3
```
#b2dee3 rgb(178,222,227)
```
#c0e4e8
```
#c0e4e8 rgb(192,228,232)
```
#ceeaed
```
#ceeaed rgb(206,234,237)
```
#ddf0f3
```
#ddf0f3 rgb(221,240,243)
```
#ebf6f8
```
#ebf6f8 rgb(235,246,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#545555
```
#545555 rgb(84,85,85)
```
#4e5a5c
```
#4e5a5c rgb(78,90,92)
```
#475f62
```
#475f62 rgb(71,95,98)
```
#416469
```
#416469 rgb(65,100,105)
```
#3a6a6f
```
#3a6a6f rgb(58,106,111)
```
#346f76
```
#346f76 rgb(52,111,118)
```
#2d747c
```
#2d747c rgb(45,116,124)
```
#277983
```
#277983 rgb(39,121,131)
```
#207e89
```
#207e89 rgb(32,126,137)
```
#1a8490
```
#1a8490 rgb(26,132,144)
```
#138996
```
#138996 rgb(19,137,150)
```
#0d8e9d
```
#0d8e9d rgb(13,142,157)
```
#0693a3
```
#0693a3 rgb(6,147,163)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70717c Protanopia 1% of men
#716f87 Deuteranopia 1% of men
#387b84 Tritanopia 0.001% of the population

Trichromacy

#58727c Protanomaly 1% of men, 0.01% of women
#587183 Deuteranomaly 6% of men, 0.4% of women
#347881 Tritanomaly 0.01% of the population

#2d747c hex color

#2d747c Color Information

#2d747c Color Conversion

Color Schemes with #2d747c

Alternatives to #2d747c

#2d747c Preview

Shades and Tints of #2d747c

Tones of #2d747c

Color Blindness Simulator