#2d7e88 hex color

In a RGB color space, hex #2d7e88 is composed of 17.6% red, 49.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 7.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 186.6 degrees, a saturation of 50.3% and a lightness of 35.5%. #2d7e88 color hex could be obtained by blending #5afcff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 49
- B 53
RGB color chart
- C 67
- M 7
- Y 0
- K 47
CMYK color chart

● #2d7e88 color description : Dark moderate cyan.

The hexadecimal color #2d7e88 has RGB values of R:45, G:126, B:136 and CMYK values of C:0.67, M:0.07, Y:0, K:0.47. Its decimal value is 2981512.

Hex triplet	2d7e88	`#2d7e88`
RGB Decimal	45, 126, 136	`rgb(45,126,136)`
RGB Percent	17.6, 49.4, 53.3	`rgb(17.6%,49.4%,53.3%)`
CMYK	67, 7, 0, 47
HSL	186.6°, 50.3, 35.5	`hsl(186.6,50.3%,35.5%)`
HSV (or HSB)	186.6°, 66.9, 53.3
Web Safe	336699	`#336699`

CIE-LAB	48.581, -20.846, -12.634
XYZ	12.986, 17.256, 25.938
xyY	0.231, 0.307, 17.256
CIE-LCH	48.581, 24.375, 211.218
CIE-LUV	48.581, -31.122, -15.253
Hunter-Lab	41.54, -16.896, -7.942
Binary	00101101, 01111110, 10001000

#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#88372d
```
#88372d rgb(136,55,45)
```

Complementary Color

#2d8865
```
#2d8865 rgb(45,136,101)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#2d5188
```
#2d5188 rgb(45,81,136)
```

Analogous Color

#88652d
```
#88652d rgb(136,101,45)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#882d51
```
#882d51 rgb(136,45,81)
```

Split Complementary Color

#7e882d
```
#7e882d rgb(126,136,45)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#882d7e
```
#882d7e rgb(136,45,126)
```

Triadic Color

#2d8837
```
#2d8837 rgb(45,136,55)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#882d7e
```
#882d7e rgb(136,45,126)
```
#88372d
```
#88372d rgb(136,55,45)
```

Tetradic Color

#1a494f
```
#1a494f rgb(26,73,79)
```
#205a62
```
#205a62 rgb(32,90,98)
```
#276c75
```
#276c75 rgb(39,108,117)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#33909b
```
#33909b rgb(51,144,155)
```
#3aa2ae
```
#3aa2ae rgb(58,162,174)
```
#41b2c0
```
#41b2c0 rgb(65,178,192)
```

Monochromatic Color

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

#2d887b
```
#2d887b rgb(45,136,123)
```
#2d8883
```
#2d8883 rgb(45,136,131)
```
#2d8688
```
#2d8688 rgb(45,134,136)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#2d7688
```
#2d7688 rgb(45,118,136)
```
#2d6f88
```
#2d6f88 rgb(45,111,136)
```
#2d6788
```
#2d6788 rgb(45,103,136)
```

Similar Colors

Text with hexadecimal color #2d7e88

This text has a font color of #2d7e88.

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

#2d7e88 background color

This paragraph has a background color of #2d7e88.

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

#2d7e88 border color

This element has a border color of #2d7e88.

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

CSS codes

.text {color:#2d7e88;}

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

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

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 #f4fafb is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#061112
```
#061112 rgb(6,17,18)
```
#0b1e21
```
#0b1e21 rgb(11,30,33)
```
#102c30
```
#102c30 rgb(16,44,48)
```
#153a3e
```
#153a3e rgb(21,58,62)
```
#19474d
```
#19474d rgb(25,71,77)
```
#1e555c
```
#1e555c rgb(30,85,92)
```
#23636b
```
#23636b rgb(35,99,107)
```
#287079
```
#287079 rgb(40,112,121)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#328c97
```
#328c97 rgb(50,140,151)
```
#3799a5
```
#3799a5 rgb(55,153,165)
```
#3ca7b4
```
#3ca7b4 rgb(60,167,180)
```

Shade Color Variation

#43b3c1
```
#43b3c1 rgb(67,179,193)
```
#51b9c6
```
#51b9c6 rgb(81,185,198)
```
#60bfca
```
#60bfca rgb(96,191,202)
```
#6fc5cf
```
#6fc5cf rgb(111,197,207)
```
#7ecbd4
```
#7ecbd4 rgb(126,203,212)
```
#8cd1d9
```
#8cd1d9 rgb(140,209,217)
```
#9bd7de
```
#9bd7de rgb(155,215,222)
```
#aadde3
```
#aadde3 rgb(170,221,227)
```
#b9e3e8
```
#b9e3e8 rgb(185,227,232)
```
#c7e9ed
```
#c7e9ed rgb(199,233,237)
```
#d6eef1
```
#d6eef1 rgb(214,238,241)
```
#e5f4f6
```
#e5f4f6 rgb(229,244,246)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575d5e is the less saturated color, while #039fb2 is the most saturated one.

#575d5e
```
#575d5e rgb(87,93,94)
```
#506365
```
#506365 rgb(80,99,101)
```
#49686c
```
#49686c rgb(73,104,108)
```
#426e73
```
#426e73 rgb(66,110,115)
```
#3b737a
```
#3b737a rgb(59,115,122)
```
#347981
```
#347981 rgb(52,121,129)
```
#2d7e88
```
#2d7e88 rgb(45,126,136)
```
#26838f
```
#26838f rgb(38,131,143)
```
#1f8996
```
#1f8996 rgb(31,137,150)
```
#188e9d
```
#188e9d rgb(24,142,157)
```
#1194a4
```
#1194a4 rgb(17,148,164)
```
#0a99ab
```
#0a99ab rgb(10,153,171)
```
#039fb2
```
#039fb2 rgb(3,159,178)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#787987 Protanopia 1% of men
#797892 Deuteranopia 1% of men
#38848e Tritanopia 0.001% of the population

Trichromacy

#5d7b87 Protanomaly 1% of men, 0.01% of women
#5d7a8e Deuteranomaly 6% of men, 0.4% of women
#34828c Tritanomaly 0.01% of the population

#2d7e88 hex color

#2d7e88 Color Information

#2d7e88 Color Conversion

Color Schemes with #2d7e88

Alternatives to #2d7e88

#2d7e88 Preview

Shades and Tints of #2d7e88

Tones of #2d7e88

Color Blindness Simulator