#2d7664 hex color

In a RGB color space, hex #2d7664 is composed of 17.6% red, 46.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 15.3% yellow and 53.7% black. It has a hue angle of 165.2 degrees, a saturation of 44.8% and a lightness of 32%. #2d7664 color hex could be obtained by blending #5aecc8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 46
- B 39
RGB color chart
- C 62
- M 0
- Y 15
- K 54
CMYK color chart

● #2d7664 color description : Dark moderate cyan.

The hexadecimal color #2d7664 has RGB values of R:45, G:118, B:100 and CMYK values of C:0.62, M:0, Y:0.15, K:0.54. Its decimal value is 2979428.

Hex triplet	2d7664	`#2d7664`
RGB Decimal	45, 118, 100	`rgb(45,118,100)`
RGB Percent	17.6, 46.3, 39.2	`rgb(17.6%,46.3%,39.2%)`
CMYK	62, 0, 15, 54
HSL	165.2°, 44.8, 32	`hsl(165.2,44.8%,32%)`
HSV (or HSB)	165.2°, 61.9, 46.3
Web Safe	336666	`#336666`

CIE-LAB	44.849, -27.344, 3.198
XYZ	9.86, 14.434, 14.322
xyY	0.255, 0.374, 14.434
CIE-LCH	44.849, 27.53, 173.329
CIE-LUV	44.849, -29.971, 8.152
Hunter-Lab	37.992, -20.16, 4.243
Binary	00101101, 01110110, 01100100

#2d7664
```
#2d7664 rgb(45,118,100)
```
#762d3f
```
#762d3f rgb(118,45,63)
```

Complementary Color

#2d7640
```
#2d7640 rgb(45,118,64)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#2d6476
```
#2d6476 rgb(45,100,118)
```

Analogous Color

#76402d
```
#76402d rgb(118,64,45)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#762d64
```
#762d64 rgb(118,45,100)
```

Split Complementary Color

#76642d
```
#76642d rgb(118,100,45)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#642d76
```
#642d76 rgb(100,45,118)
```

Triadic Color

#3f762d
```
#3f762d rgb(63,118,45)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#642d76
```
#642d76 rgb(100,45,118)
```
#762d3f
```
#762d3f rgb(118,45,63)
```

Tetradic Color

#183f35
```
#183f35 rgb(24,63,53)
```
#1f5145
```
#1f5145 rgb(31,81,69)
```
#266454
```
#266454 rgb(38,100,84)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#348874
```
#348874 rgb(52,136,116)
```
#3b9b83
```
#3b9b83 rgb(59,155,131)
```
#42ad93
```
#42ad93 rgb(66,173,147)
```

Monochromatic Color

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

#2d7652
```
#2d7652 rgb(45,118,82)
```
#2d7658
```
#2d7658 rgb(45,118,88)
```
#2d765e
```
#2d765e rgb(45,118,94)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#2d766a
```
#2d766a rgb(45,118,106)
```
#2d7670
```
#2d7670 rgb(45,118,112)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```

Similar Colors

Text with hexadecimal color #2d7664

This text has a font color of #2d7664.

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

#2d7664 background color

This paragraph has a background color of #2d7664.

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

#2d7664 border color

This element has a border color of #2d7664.

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

CSS codes

.text {color:#2d7664;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071310
```
#071310 rgb(7,19,16)
```
#0d211c
```
#0d211c rgb(13,33,28)
```
#122f28
```
#122f28 rgb(18,47,40)
```
#173d34
```
#173d34 rgb(23,61,52)
```
#1d4b40
```
#1d4b40 rgb(29,75,64)
```
#225a4c
```
#225a4c rgb(34,90,76)
```
#286858
```
#286858 rgb(40,104,88)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#328470
```
#328470 rgb(50,132,112)
```
#38927c
```
#38927c rgb(56,146,124)
```
#3da188
```
#3da188 rgb(61,161,136)
```
#43af94
```
#43af94 rgb(67,175,148)
```

Shade Color Variation

#4bba9f
```
#4bba9f rgb(75,186,159)
```
#59c0a6
```
#59c0a6 rgb(89,192,166)
```
#67c5ae
```
#67c5ae rgb(103,197,174)
```
#75cbb6
```
#75cbb6 rgb(117,203,182)
```
#84d0bd
```
#84d0bd rgb(132,208,189)
```
#92d5c5
```
#92d5c5 rgb(146,213,197)
```
#a0dbcc
```
#a0dbcc rgb(160,219,204)
```
#aee0d4
```
#aee0d4 rgb(174,224,212)
```
#bce6db
```
#bce6db rgb(188,230,219)
```
#cbebe3
```
#cbebe3 rgb(203,235,227)
```
#d9f0eb
```
#d9f0eb rgb(217,240,235)
```
#e7f6f2
```
#e7f6f2 rgb(231,246,242)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

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

#4c5754
```
#4c5754 rgb(76,87,84)
```
#465d57
```
#465d57 rgb(70,93,87)
```
#40635a
```
#40635a rgb(64,99,90)
```
#3a695e
```
#3a695e rgb(58,105,94)
```
#337061
```
#337061 rgb(51,112,97)
```
#2d7664
```
#2d7664 rgb(45,118,100)
```
#277c67
```
#277c67 rgb(39,124,103)
```
#20836a
```
#20836a rgb(32,131,106)
```
#1a896e
```
#1a896e rgb(26,137,110)
```
#148f71
```
#148f71 rgb(20,143,113)
```
#0e9574
```
#0e9574 rgb(14,149,116)
```
#079c77
```
#079c77 rgb(7,156,119)
```
#01a27a
```
#01a27a rgb(1,162,122)
```

Tone Color Variation

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

Dichromacy

#767166 Protanopia 1% of men
#7c6e71 Deuteranopia 1% of men
#427982 Tritanopia 0.001% of the population

Trichromacy

#5b7365 Protanomaly 1% of men, 0.01% of women
#5f716c Deuteranomaly 6% of men, 0.4% of women
#3a7877 Tritanomaly 0.01% of the population

#2d7664 hex color

#2d7664 Color Information

#2d7664 Color Conversion

Color Schemes with #2d7664

Alternatives to #2d7664

#2d7664 Preview

Shades and Tints of #2d7664

Tones of #2d7664

Color Blindness Simulator