#2d746a hex color

In a RGB color space, hex #2d746a is composed of 17.6% red, 45.5% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 0% magenta, 8.6% yellow and 54.5% black. It has a hue angle of 171.5 degrees, a saturation of 44.1% and a lightness of 31.6%. #2d746a color hex could be obtained by blending #5ae8d4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 45
- B 42
RGB color chart
- C 61
- M 0
- Y 9
- K 55
CMYK color chart

● #2d746a color description : Dark moderate cyan.

The hexadecimal color #2d746a has RGB values of R:45, G:116, B:106 and CMYK values of C:0.61, M:0, Y:0.09, K:0.55. Its decimal value is 2978922.

Hex triplet	2d746a	`#2d746a`
RGB Decimal	45, 116, 106	`rgb(45,116,106)`
RGB Percent	17.6, 45.5, 41.6	`rgb(17.6%,45.5%,41.6%)`
CMYK	61, 0, 9, 55
HSL	171.5°, 44.1, 31.6	`hsl(171.5,44.1%,31.6%)`
HSV (or HSB)	171.5°, 61.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.36, -24.694, -1.099
XYZ	9.928, 14.088, 15.831
xyY	0.249, 0.354, 14.088
CIE-LCH	44.36, 24.718, 182.548
CIE-LUV	44.36, -28.874, 1.999
Hunter-Lab	37.535, -18.471, 1.267
Binary	00101101, 01110100, 01101010

#2d746a
```
#2d746a rgb(45,116,106)
```
#742d37
```
#742d37 rgb(116,45,55)
```

Complementary Color

#2d7447
```
#2d7447 rgb(45,116,71)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#2d5b74
```
#2d5b74 rgb(45,91,116)
```

Analogous Color

#74472d
```
#74472d rgb(116,71,45)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#742d5b
```
#742d5b rgb(116,45,91)
```

Split Complementary Color

#746a2d
```
#746a2d rgb(116,106,45)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#6a2d74
```
#6a2d74 rgb(106,45,116)
```

Triadic Color

#37742d
```
#37742d rgb(55,116,45)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#6a2d74
```
#6a2d74 rgb(106,45,116)
```
#742d37
```
#742d37 rgb(116,45,55)
```

Tetradic Color

#183d38
```
#183d38 rgb(24,61,56)
```
#1f4f48
```
#1f4f48 rgb(31,79,72)
```
#266259
```
#266259 rgb(38,98,89)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#34867b
```
#34867b rgb(52,134,123)
```
#3b998c
```
#3b998c rgb(59,153,140)
```
#42ab9c
```
#42ab9c rgb(66,171,156)
```

Monochromatic Color

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

#2d7458
```
#2d7458 rgb(45,116,88)
```
#2d745e
```
#2d745e rgb(45,116,94)
```
#2d7464
```
#2d7464 rgb(45,116,100)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#2d7470
```
#2d7470 rgb(45,116,112)
```
#2d7274
```
#2d7274 rgb(45,114,116)
```
#2d6c74
```
#2d6c74 rgb(45,108,116)
```

Similar Colors

Text with hexadecimal color #2d746a

This text has a font color of #2d746a.

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

#2d746a background color

This paragraph has a background color of #2d746a.

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

#2d746a border color

This element has a border color of #2d746a.

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

CSS codes

.text {color:#2d746a;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#071110
```
#071110 rgb(7,17,16)
```
#0c1f1d
```
#0c1f1d rgb(12,31,29)
```
#122d29
```
#122d29 rgb(18,45,41)
```
#173b36
```
#173b36 rgb(23,59,54)
```
#1d4a43
```
#1d4a43 rgb(29,74,67)
```
#225850
```
#225850 rgb(34,88,80)
```
#28665d
```
#28665d rgb(40,102,93)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#328277
```
#328277 rgb(50,130,119)
```
#389084
```
#389084 rgb(56,144,132)
```
#3d9e91
```
#3d9e91 rgb(61,158,145)
```
#43ad9e
```
#43ad9e rgb(67,173,158)
```

Shade Color Variation

#4ab9a9
```
#4ab9a9 rgb(74,185,169)
```
#58beb0
```
#58beb0 rgb(88,190,176)
```
#66c4b7
```
#66c4b7 rgb(102,196,183)
```
#75c9bd
```
#75c9bd rgb(117,201,189)
```
#83cfc4
```
#83cfc4 rgb(131,207,196)
```
#91d4cb
```
#91d4cb rgb(145,212,203)
```
#9fdad1
```
#9fdad1 rgb(159,218,209)
```
#addfd8
```
#addfd8 rgb(173,223,216)
```
#bbe5df
```
#bbe5df rgb(187,229,223)
```
#c9eae6
```
#c9eae6 rgb(201,234,230)
```
#d8f0ec
```
#d8f0ec rgb(216,240,236)
```
#e6f5f3
```
#e6f5f3 rgb(230,245,243)
```
#f4fbfa
```
#f4fbfa rgb(244,251,250)
```

Tint Color Variation

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

#4c5554
```
#4c5554 rgb(76,85,84)
```
#465b58
```
#465b58 rgb(70,91,88)
```
#40615d
```
#40615d rgb(64,97,93)
```
#396861
```
#396861 rgb(57,104,97)
```
#336e66
```
#336e66 rgb(51,110,102)
```
#2d746a
```
#2d746a rgb(45,116,106)
```
#277a6e
```
#277a6e rgb(39,122,110)
```
#218073
```
#218073 rgb(33,128,115)
```
#1a8777
```
#1a8777 rgb(26,135,119)
```
#148d7c
```
#148d7c rgb(20,141,124)
```
#0e9380
```
#0e9380 rgb(14,147,128)
```
#089985
```
#089985 rgb(8,153,133)
```
#029f89
```
#029f89 rgb(2,159,137)
```

Tone Color Variation

Below, you can see how #2d746a 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
#546260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73706c Protanopia 1% of men
#786d76 Deuteranopia 1% of men
#3f7881 Tritanopia 0.001% of the population

Trichromacy

#5a716b Protanomaly 1% of men, 0.01% of women
#5c6f72 Deuteranomaly 6% of men, 0.4% of women
#387779 Tritanomaly 0.01% of the population

#2d746a hex color

#2d746a Color Information

#2d746a Color Conversion

Color Schemes with #2d746a

Alternatives to #2d746a

#2d746a Preview

Shades and Tints of #2d746a

Tones of #2d746a

Color Blindness Simulator