#2d747e hex color

In a RGB color space, hex #2d747e is composed of 17.6% red, 45.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 7.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 187.4 degrees, a saturation of 47.4% and a lightness of 33.5%. #2d747e color hex could be obtained by blending #5ae8fc with #000000. Closest websafe color is: #336666.

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

● #2d747e color description : Dark moderate cyan.

The hexadecimal color #2d747e has RGB values of R:45, G:116, B:126 and CMYK values of C:0.64, M:0.08, Y:0, K:0.51. Its decimal value is 2978942.

Hex triplet	2d747e	`#2d747e`
RGB Decimal	45, 116, 126	`rgb(45,116,126)`
RGB Percent	17.6, 45.5, 49.4	`rgb(17.6%,45.5%,49.4%)`
CMYK	64, 8, 0, 51
HSL	187.4°, 47.4, 33.5	`hsl(187.4,47.4%,33.5%)`
HSV (or HSB)	187.4°, 64.3, 49.4
Web Safe	336666	`#336666`

CIE-LAB	45.017, -18.663, -12.09
XYZ	11.092, 14.554, 21.962
xyY	0.233, 0.306, 14.554
CIE-LCH	45.017, 22.237, 212.934
CIE-LUV	45.017, -27.846, -14.484
Hunter-Lab	38.15, -14.862, -7.427
Binary	00101101, 01110100, 01111110

#2d747e
```
#2d747e rgb(45,116,126)
```
#7e372d
```
#7e372d rgb(126,55,45)
```

Complementary Color

#2d7e5f
```
#2d7e5f rgb(45,126,95)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#2d4c7e
```
#2d4c7e rgb(45,76,126)
```

Analogous Color

#7e5f2d
```
#7e5f2d rgb(126,95,45)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#7e2d4c
```
#7e2d4c rgb(126,45,76)
```

Split Complementary Color

#747e2d
```
#747e2d rgb(116,126,45)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#7e2d74
```
#7e2d74 rgb(126,45,116)
```

Triadic Color

#2d7e37
```
#2d7e37 rgb(45,126,55)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#7e2d74
```
#7e2d74 rgb(126,45,116)
```
#7e372d
```
#7e372d rgb(126,55,45)
```

Tetradic Color

#194046
```
#194046 rgb(25,64,70)
```
#205158
```
#205158 rgb(32,81,88)
```
#26636b
```
#26636b rgb(38,99,107)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#348591
```
#348591 rgb(52,133,145)
```
#3a97a4
```
#3a97a4 rgb(58,151,164)
```
#41a8b6
```
#41a8b6 rgb(65,168,182)
```

Monochromatic Color

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

#2d7e74
```
#2d7e74 rgb(45,126,116)
```
#2d7e7b
```
#2d7e7b rgb(45,126,123)
```
#2d7b7e
```
#2d7b7e rgb(45,123,126)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#2d6d7e
```
#2d6d7e rgb(45,109,126)
```
#2d677e
```
#2d677e rgb(45,103,126)
```
#2d607e
```
#2d607e rgb(45,96,126)
```

Similar Colors

Text with hexadecimal color #2d747e

This text has a font color of #2d747e.

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

#2d747e background color

This paragraph has a background color of #2d747e.

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

#2d747e border color

This element has a border color of #2d747e.

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

CSS codes

.text {color:#2d747e;}

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

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

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, #040a0a is the darkest color, while #fbfdfe is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#091719
```
#091719 rgb(9,23,25)
```
#0e2427
```
#0e2427 rgb(14,36,39)
```
#133136
```
#133136 rgb(19,49,54)
```
#183f44
```
#183f44 rgb(24,63,68)
```
#1e4c53
```
#1e4c53 rgb(30,76,83)
```
#235961
```
#235961 rgb(35,89,97)
```
#286770
```
#286770 rgb(40,103,112)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#32818c
```
#32818c rgb(50,129,140)
```
#378f9b
```
#378f9b rgb(55,143,155)
```
#3c9ca9
```
#3c9ca9 rgb(60,156,169)
```
#42a9b8
```
#42a9b8 rgb(66,169,184)
```

Shade Color Variation

#4db2c0
```
#4db2c0 rgb(77,178,192)
```
#5cb8c5
```
#5cb8c5 rgb(92,184,197)
```
#6abeca
```
#6abeca rgb(106,190,202)
```
#79c4cf
```
#79c4cf rgb(121,196,207)
```
#87cbd4
```
#87cbd4 rgb(135,203,212)
```
#96d1d9
```
#96d1d9 rgb(150,209,217)
```
#a4d7df
```
#a4d7df rgb(164,215,223)
```
#b3dee4
```
#b3dee4 rgb(179,222,228)
```
#c1e4e9
```
#c1e4e9 rgb(193,228,233)
```
#d0eaee
```
#d0eaee rgb(208,234,238)
```
#def1f3
```
#def1f3 rgb(222,241,243)
```
#ecf7f8
```
#ecf7f8 rgb(236,247,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#545657
```
#545657 rgb(84,86,87)
```
#4e5b5d
```
#4e5b5d rgb(78,91,93)
```
#476064
```
#476064 rgb(71,96,100)
```
#41656a
```
#41656a rgb(65,101,106)
```
#3a6a71
```
#3a6a71 rgb(58,106,113)
```
#346f77
```
#346f77 rgb(52,111,119)
```
#2d747e
```
#2d747e rgb(45,116,126)
```
#267985
```
#267985 rgb(38,121,133)
```
#207e8b
```
#207e8b rgb(32,126,139)
```
#198392
```
#198392 rgb(25,131,146)
```
#138898
```
#138898 rgb(19,136,152)
```
#0c8d9f
```
#0c8d9f rgb(12,141,159)
```
#0692a5
```
#0692a5 rgb(6,146,165)
```

Tone Color Variation

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

#70717e Protanopia 1% of men
#706f88 Deuteranopia 1% of men
#377b84 Tritanopia 0.001% of the population

Trichromacy

#57727e Protanomaly 1% of men, 0.01% of women
#587184 Deuteranomaly 6% of men, 0.4% of women
#337882 Tritanomaly 0.01% of the population

#2d747e hex color

#2d747e Color Information

#2d747e Color Conversion

Color Schemes with #2d747e

Alternatives to #2d747e

#2d747e Preview

Shades and Tints of #2d747e

Tones of #2d747e

Color Blindness Simulator