#2d778e hex color

In a RGB color space, hex #2d778e is composed of 17.6% red, 46.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 16.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 194.2 degrees, a saturation of 51.9% and a lightness of 36.7%. #2d778e color hex could be obtained by blending #5aeeff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 47
- B 56
RGB color chart
- C 68
- M 16
- Y 0
- K 44
CMYK color chart

● #2d778e color description : Dark moderate cyan.

The hexadecimal color #2d778e has RGB values of R:45, G:119, B:142 and CMYK values of C:0.68, M:0.16, Y:0, K:0.44. Its decimal value is 2979726.

Hex triplet	2d778e	`#2d778e`
RGB Decimal	45, 119, 142	`rgb(45,119,142)`
RGB Percent	17.6, 46.7, 55.7	`rgb(17.6%,46.7%,55.7%)`
CMYK	68, 16, 0, 44
HSL	194.2°, 51.9, 36.7	`hsl(194.2,51.9%,36.7%)`
HSV (or HSB)	194.2°, 68.3, 55.7
Web Safe	336699	`#336699`

CIE-LAB	46.583, -15.078, -19.219
XYZ	12.56, 15.704, 27.959
xyY	0.223, 0.279, 15.704
CIE-LCH	46.583, 24.428, 231.885
CIE-LUV	46.583, -28.164, -25.813
Hunter-Lab	39.628, -12.772, -14.092
Binary	00101101, 01110111, 10001110

#2d778e
```
#2d778e rgb(45,119,142)
```
#8e442d
```
#8e442d rgb(142,68,45)
```

Complementary Color

#2d8e75
```
#2d8e75 rgb(45,142,117)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#2d478e
```
#2d478e rgb(45,71,142)
```

Analogous Color

#8e752d
```
#8e752d rgb(142,117,45)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#8e2d47
```
#8e2d47 rgb(142,45,71)
```

Split Complementary Color

#778e2d
```
#778e2d rgb(119,142,45)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#8e2d77
```
#8e2d77 rgb(142,45,119)
```

Triadic Color

#2d8e44
```
#2d8e44 rgb(45,142,68)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#8e2d77
```
#8e2d77 rgb(142,45,119)
```
#8e442d
```
#8e442d rgb(142,68,45)
```

Tetradic Color

#1b4654
```
#1b4654 rgb(27,70,84)
```
#215767
```
#215767 rgb(33,87,103)
```
#27677b
```
#27677b rgb(39,103,123)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#3387a1
```
#3387a1 rgb(51,135,161)
```
#3997b5
```
#3997b5 rgb(57,151,181)
```
#44a5c4
```
#44a5c4 rgb(68,165,196)
```

Monochromatic Color

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

#2d8e8d
```
#2d8e8d rgb(45,142,141)
```
#2d878e
```
#2d878e rgb(45,135,142)
```
#2d7f8e
```
#2d7f8e rgb(45,127,142)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#2d6f8e
```
#2d6f8e rgb(45,111,142)
```
#2d678e
```
#2d678e rgb(45,103,142)
```
#2d5f8e
```
#2d5f8e rgb(45,95,142)
```

Similar Colors

Text with hexadecimal color #2d778e

This text has a font color of #2d778e.

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

#2d778e background color

This paragraph has a background color of #2d778e.

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

#2d778e border color

This element has a border color of #2d778e.

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

CSS codes

.text {color:#2d778e;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#071317
```
#071317 rgb(7,19,23)
```
#0c2026
```
#0c2026 rgb(12,32,38)
```
#112c35
```
#112c35 rgb(17,44,53)
```
#153944
```
#153944 rgb(21,57,68)
```
#1a4552
```
#1a4552 rgb(26,69,82)
```
#1f5261
```
#1f5261 rgb(31,82,97)
```
#245e70
```
#245e70 rgb(36,94,112)
```
#286b7f
```
#286b7f rgb(40,107,127)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#32839d
```
#32839d rgb(50,131,157)
```
#3690ac
```
#3690ac rgb(54,144,172)
```
#3b9cbb
```
#3b9cbb rgb(59,156,187)
```

Shade Color Variation

#45a6c4
```
#45a6c4 rgb(69,166,196)
```
#54adc9
```
#54adc9 rgb(84,173,201)
```
#63b4ce
```
#63b4ce rgb(99,180,206)
```
#72bbd2
```
#72bbd2 rgb(114,187,210)
```
#81c3d7
```
#81c3d7 rgb(129,195,215)
```
#90cadc
```
#90cadc rgb(144,202,220)
```
#9fd1e0
```
#9fd1e0 rgb(159,209,224)
```
#aed8e5
```
#aed8e5 rgb(174,216,229)
```
#bcdfea
```
#bcdfea rgb(188,223,234)
```
#cbe6ef
```
#cbe6ef rgb(203,230,239)
```
#daedf3
```
#daedf3 rgb(218,237,243)
```
#e9f5f8
```
#e9f5f8 rgb(233,245,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#586063
```
#586063 rgb(88,96,99)
```
#51646a
```
#51646a rgb(81,100,106)
```
#4a6871
```
#4a6871 rgb(74,104,113)
```
#436c78
```
#436c78 rgb(67,108,120)
```
#3b6f80
```
#3b6f80 rgb(59,111,128)
```
#347387
```
#347387 rgb(52,115,135)
```
#2d778e
```
#2d778e rgb(45,119,142)
```
#267b95
```
#267b95 rgb(38,123,149)
```
#1f7f9c
```
#1f7f9c rgb(31,127,156)
```
#1782a4
```
#1782a4 rgb(23,130,164)
```
#1086ab
```
#1086ab rgb(16,134,171)
```
#098ab2
```
#098ab2 rgb(9,138,178)
```
#028eb9
```
#028eb9 rgb(2,142,185)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58676c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f748d Protanopia 1% of men
#6d7497 Deuteranopia 1% of men
#307f89 Tritanopia 0.001% of the population

Trichromacy

#57758d Protanomaly 1% of men, 0.01% of women
#557594 Deuteranomaly 6% of men, 0.4% of women
#2f7c8b Tritanomaly 0.01% of the population

#2d778e hex color

#2d778e Color Information

#2d778e Color Conversion

Color Schemes with #2d778e

Alternatives to #2d778e

#2d778e Preview

Shades and Tints of #2d778e

Tones of #2d778e

Color Blindness Simulator