#2d717a hex color

In a RGB color space, hex #2d717a is composed of 17.6% red, 44.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 7.4% magenta, 0% yellow and 52.2% black. It has a hue angle of 187 degrees, a saturation of 46.1% and a lightness of 32.7%. #2d717a color hex could be obtained by blending #5ae2f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 44
- B 48
RGB color chart
- C 63
- M 7
- Y 0
- K 52
CMYK color chart

● #2d717a color description : Dark moderate cyan.

The hexadecimal color #2d717a has RGB values of R:45, G:113, B:122 and CMYK values of C:0.63, M:0.07, Y:0, K:0.52. Its decimal value is 2978170.

Hex triplet	2d717a	`#2d717a`
RGB Decimal	45, 113, 122	`rgb(45,113,122)`
RGB Percent	17.6, 44.3, 47.8	`rgb(17.6%,44.3%,47.8%)`
CMYK	63, 7, 0, 52
HSL	187°, 46.1, 32.7	`hsl(187,46.1%,32.7%)`
HSV (or HSB)	187°, 63.1, 47.8
Web Safe	336666	`#336666`

CIE-LAB	43.905, -18.304, -11.375
XYZ	10.499, 13.772, 20.516
xyY	0.234, 0.308, 13.772
CIE-LCH	43.905, 21.551, 211.86
CIE-LUV	43.905, -26.892, -13.402
Hunter-Lab	37.111, -14.445, -6.8
Binary	00101101, 01110001, 01111010

#2d717a
```
#2d717a rgb(45,113,122)
```
#7a362d
```
#7a362d rgb(122,54,45)
```

Complementary Color

#2d7a5d
```
#2d7a5d rgb(45,122,93)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#2d4b7a
```
#2d4b7a rgb(45,75,122)
```

Analogous Color

#7a5d2d
```
#7a5d2d rgb(122,93,45)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#7a2d4b
```
#7a2d4b rgb(122,45,75)
```

Split Complementary Color

#717a2d
```
#717a2d rgb(113,122,45)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#7a2d71
```
#7a2d71 rgb(122,45,113)
```

Triadic Color

#2d7a36
```
#2d7a36 rgb(45,122,54)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#7a2d71
```
#7a2d71 rgb(122,45,113)
```
#7a362d
```
#7a362d rgb(122,54,45)
```

Tetradic Color

#183d42
```
#183d42 rgb(24,61,66)
```
#1f4e55
```
#1f4e55 rgb(31,78,85)
```
#266067
```
#266067 rgb(38,96,103)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#34828d
```
#34828d rgb(52,130,141)
```
#3b949f
```
#3b949f rgb(59,148,159)
```
#42a5b2
```
#42a5b2 rgb(66,165,178)
```

Monochromatic Color

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

#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#2d7a76
```
#2d7a76 rgb(45,122,118)
```
#2d777a
```
#2d777a rgb(45,119,122)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#2d6b7a
```
#2d6b7a rgb(45,107,122)
```
#2d647a
```
#2d647a rgb(45,100,122)
```
#2d5e7a
```
#2d5e7a rgb(45,94,122)
```

Similar Colors

Text with hexadecimal color #2d717a

This text has a font color of #2d717a.

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

#2d717a background color

This paragraph has a background color of #2d717a.

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

#2d717a border color

This element has a border color of #2d717a.

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

CSS codes

.text {color:#2d717a;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#081416
```
#081416 rgb(8,20,22)
```
#0d2124
```
#0d2124 rgb(13,33,36)
```
#132f32
```
#132f32 rgb(19,47,50)
```
#183c41
```
#183c41 rgb(24,60,65)
```
#1d494f
```
#1d494f rgb(29,73,79)
```
#22565d
```
#22565d rgb(34,86,93)
```
#28646c
```
#28646c rgb(40,100,108)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#327e88
```
#327e88 rgb(50,126,136)
```
#388c97
```
#388c97 rgb(56,140,151)
```
#3d99a5
```
#3d99a5 rgb(61,153,165)
```
#42a6b3
```
#42a6b3 rgb(66,166,179)
```

Shade Color Variation

#4cb0bd
```
#4cb0bd rgb(76,176,189)
```
#5ab6c2
```
#5ab6c2 rgb(90,182,194)
```
#69bcc8
```
#69bcc8 rgb(105,188,200)
```
#77c3cd
```
#77c3cd rgb(119,195,205)
```
#85c9d2
```
#85c9d2 rgb(133,201,210)
```
#94d0d7
```
#94d0d7 rgb(148,208,215)
```
#a2d6dd
```
#a2d6dd rgb(162,214,221)
```
#b0dce2
```
#b0dce2 rgb(176,220,226)
```
#bfe3e7
```
#bfe3e7 rgb(191,227,231)
```
#cde9ed
```
#cde9ed rgb(205,233,237)
```
#dbeff2
```
#dbeff2 rgb(219,239,242)
```
#eaf6f7
```
#eaf6f7 rgb(234,246,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d585a is the less saturated color, while #0093a7 is the most saturated one.

#4d585a
```
#4d585a rgb(77,88,90)
```
#475d60
```
#475d60 rgb(71,93,96)
```
#406267
```
#406267 rgb(64,98,103)
```
#3a676d
```
#3a676d rgb(58,103,109)
```
#336c74
```
#336c74 rgb(51,108,116)
```
#2d717a
```
#2d717a rgb(45,113,122)
```
#277680
```
#277680 rgb(39,118,128)
```
#207b87
```
#207b87 rgb(32,123,135)
```
#1a808d
```
#1a808d rgb(26,128,141)
```
#138594
```
#138594 rgb(19,133,148)
```
#0d8a9a
```
#0d8a9a rgb(13,138,154)
```
#068fa1
```
#068fa1 rgb(6,143,161)
```
#0093a7
```
#0093a7 rgb(0,147,167)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#546264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6e7b Protanopia 1% of men
#6e6d85 Deuteranopia 1% of men
#387881 Tritanopia 0.001% of the population

Trichromacy

#566f7a Protanomaly 1% of men, 0.01% of women
#566e81 Deuteranomaly 6% of men, 0.4% of women
#34757e Tritanomaly 0.01% of the population

#2d717a hex color

#2d717a Color Information

#2d717a Color Conversion

Color Schemes with #2d717a

Alternatives to #2d717a

#2d717a Preview

Shades and Tints of #2d717a

Tones of #2d717a

Color Blindness Simulator