#2d899d hex color

In a RGB color space, hex #2d899d is composed of 17.6% red, 53.7% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 12.7% magenta, 0% yellow and 38.4% black. It has a hue angle of 190.7 degrees, a saturation of 55.4% and a lightness of 39.6%. #2d899d color hex could be obtained by blending #5affff with #00133b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 54
- B 62
RGB color chart
- C 71
- M 13
- Y 0
- K 38
CMYK color chart

● #2d899d color description : Dark cyan.

The hexadecimal color #2d899d has RGB values of R:45, G:137, B:157 and CMYK values of C:0.71, M:0.13, Y:0, K:0.38. Its decimal value is 2984349.

Hex triplet	2d899d	`#2d899d`
RGB Decimal	45, 137, 157	`rgb(45,137,157)`
RGB Percent	17.6, 53.7, 61.6	`rgb(17.6%,53.7%,61.6%)`
CMYK	71, 13, 0, 38
HSL	190.7°, 55.4, 39.6	`hsl(190.7,55.4%,39.6%)`
HSV (or HSB)	190.7°, 71.3, 61.6
Web Safe	339999	`#339999`

CIE-LAB	52.82, -19.919, -18.45
XYZ	16.112, 20.882, 35.078
xyY	0.224, 0.29, 20.882
CIE-LCH	52.82, 27.151, 222.807
CIE-LUV	52.82, -34.017, -24.632
Hunter-Lab	45.697, -17.034, -13.524
Binary	00101101, 10001001, 10011101

#2d899d
```
#2d899d rgb(45,137,157)
```
#9d412d
```
#9d412d rgb(157,65,45)
```

Complementary Color

#2d9d79
```
#2d9d79 rgb(45,157,121)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#2d519d
```
#2d519d rgb(45,81,157)
```

Analogous Color

#9d792d
```
#9d792d rgb(157,121,45)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#9d2d51
```
#9d2d51 rgb(157,45,81)
```

Split Complementary Color

#899d2d
```
#899d2d rgb(137,157,45)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#9d2d89
```
#9d2d89 rgb(157,45,137)
```

Triadic Color

#2d9d41
```
#2d9d41 rgb(45,157,65)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#9d2d89
```
#9d2d89 rgb(157,45,137)
```
#9d412d
```
#9d412d rgb(157,65,45)
```

Tetradic Color

#1c5562
```
#1c5562 rgb(28,85,98)
```
#226675
```
#226675 rgb(34,102,117)
```
#277889
```
#277889 rgb(39,120,137)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#339ab1
```
#339ab1 rgb(51,154,177)
```
#38acc5
```
#38acc5 rgb(56,172,197)
```
#4bb5cb
```
#4bb5cb rgb(75,181,203)
```

Monochromatic Color

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

#2d9d95
```
#2d9d95 rgb(45,157,149)
```
#2d9c9d
```
#2d9c9d rgb(45,156,157)
```
#2d929d
```
#2d929d rgb(45,146,157)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#2d809d
```
#2d809d rgb(45,128,157)
```
#2d769d
```
#2d769d rgb(45,118,157)
```
#2d6d9d
```
#2d6d9d rgb(45,109,157)
```

Similar Colors

Text with hexadecimal color #2d899d

This text has a font color of #2d899d.

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

#2d899d background color

This paragraph has a background color of #2d899d.

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

#2d899d border color

This element has a border color of #2d899d.

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

CSS codes

.text {color:#2d899d;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0a1f23
```
#0a1f23 rgb(10,31,35)
```
#0e2c32
```
#0e2c32 rgb(14,44,50)
```
#133942
```
#133942 rgb(19,57,66)
```
#174651
```
#174651 rgb(23,70,81)
```
#1c5460
```
#1c5460 rgb(28,84,96)
```
#20616f
```
#20616f rgb(32,97,111)
```
#246e7f
```
#246e7f rgb(36,110,127)
```
#297c8e
```
#297c8e rgb(41,124,142)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#3196ac
```
#3196ac rgb(49,150,172)
```
#36a4bb
```
#36a4bb rgb(54,164,187)
```

Shade Color Variation

#3dafc7
```
#3dafc7 rgb(61,175,199)
```
#4db5cc
```
#4db5cc rgb(77,181,204)
```
#5cbbd0
```
#5cbbd0 rgb(92,187,208)
```
#6bc2d5
```
#6bc2d5 rgb(107,194,213)
```
#7ac8d9
```
#7ac8d9 rgb(122,200,217)
```
#8acedd
```
#8acedd rgb(138,206,221)
```
#99d5e2
```
#99d5e2 rgb(153,213,226)
```
#a8dbe6
```
#a8dbe6 rgb(168,219,230)
```
#b7e1ea
```
#b7e1ea rgb(183,225,234)
```
#c7e8ef
```
#c7e8ef rgb(199,232,239)
```
#d6eef3
```
#d6eef3 rgb(214,238,243)
```
#e5f4f8
```
#e5f4f8 rgb(229,244,248)
```
#f4fbfc
```
#f4fbfc rgb(244,251,252)
```

Tint Color Variation

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

#636667
```
#636667 rgb(99,102,103)
```
#5c6b6e
```
#5c6b6e rgb(92,107,110)
```
#547076
```
#547076 rgb(84,112,118)
```
#4c757e
```
#4c757e rgb(76,117,126)
```
#447a86
```
#447a86 rgb(68,122,134)
```
#3d7f8d
```
#3d7f8d rgb(61,127,141)
```
#358495
```
#358495 rgb(53,132,149)
```
#2d899d
```
#2d899d rgb(45,137,157)
```
#258ea5
```
#258ea5 rgb(37,142,165)
```
#1d93ad
```
#1d93ad rgb(29,147,173)
```
#1698b4
```
#1698b4 rgb(22,152,180)
```
#0e9dbc
```
#0e9dbc rgb(14,157,188)
```
#06a2c4
```
#06a2c4 rgb(6,162,196)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#637579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f839a Protanopia 1% of men
#7d82a6 Deuteranopia 1% of men
#32909a Tritanopia 0.001% of the population

Trichromacy

#61859b Protanomaly 1% of men, 0.01% of women
#6084a3 Deuteranomaly 6% of men, 0.4% of women
#308d9b Tritanomaly 0.01% of the population

#2d899d hex color

#2d899d Color Information

#2d899d Color Conversion

Color Schemes with #2d899d

Alternatives to #2d899d

#2d899d Preview

Shades and Tints of #2d899d

Tones of #2d899d

Color Blindness Simulator