#2d899f hex color

In a RGB color space, hex #2d899f is composed of 17.6% red, 53.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 13.8% magenta, 0% yellow and 37.6% black. It has a hue angle of 191.6 degrees, a saturation of 55.9% and a lightness of 40%. #2d899f color hex could be obtained by blending #5affff with #00133f. Closest websafe color is: #339999.

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

● #2d899f color description : Dark cyan.

The hexadecimal color #2d899f has RGB values of R:45, G:137, B:159 and CMYK values of C:0.72, M:0.14, Y:0, K:0.38. Its decimal value is 2984351.

Hex triplet	2d899f	`#2d899f`
RGB Decimal	45, 137, 159	`rgb(45,137,159)`
RGB Percent	17.6, 53.7, 62.4	`rgb(17.6%,53.7%,62.4%)`
CMYK	72, 14, 0, 38
HSL	191.6°, 55.9, 40	`hsl(191.6,55.9%,40%)`
HSV (or HSB)	191.6°, 71.7, 62.4
Web Safe	339999	`#339999`

CIE-LAB	52.896, -19.263, -19.491
XYZ	16.284, 20.951, 35.985
xyY	0.222, 0.286, 20.951
CIE-LCH	52.896, 27.404, 225.337
CIE-LUV	52.896, -33.899, -26.358
Hunter-Lab	45.772, -16.598, -14.571
Binary	00101101, 10001001, 10011111

#2d899f
```
#2d899f rgb(45,137,159)
```
#9f432d
```
#9f432d rgb(159,67,45)
```

Complementary Color

#2d9f7c
```
#2d9f7c rgb(45,159,124)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#2d509f
```
#2d509f rgb(45,80,159)
```

Analogous Color

#9f7c2d
```
#9f7c2d rgb(159,124,45)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#9f2d50
```
#9f2d50 rgb(159,45,80)
```

Split Complementary Color

#899f2d
```
#899f2d rgb(137,159,45)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#9f2d89
```
#9f2d89 rgb(159,45,137)
```

Triadic Color

#2d9f43
```
#2d9f43 rgb(45,159,67)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#9f2d89
```
#9f2d89 rgb(159,45,137)
```
#9f432d
```
#9f432d rgb(159,67,45)
```

Tetradic Color

#1c5663
```
#1c5663 rgb(28,86,99)
```
#226777
```
#226777 rgb(34,103,119)
```
#27788b
```
#27788b rgb(39,120,139)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#339ab3
```
#339ab3 rgb(51,154,179)
```
#38abc7
```
#38abc7 rgb(56,171,199)
```
#4cb4cc
```
#4cb4cc rgb(76,180,204)
```

Monochromatic Color

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

#2d9f99
```
#2d9f99 rgb(45,159,153)
```
#2d9c9f
```
#2d9c9f rgb(45,156,159)
```
#2d939f
```
#2d939f rgb(45,147,159)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#2d809f
```
#2d809f rgb(45,128,159)
```
#2d769f
```
#2d769f rgb(45,118,159)
```
#2d6d9f
```
#2d6d9f rgb(45,109,159)
```

Similar Colors

Text with hexadecimal color #2d899f

This text has a font color of #2d899f.

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

#2d899f background color

This paragraph has a background color of #2d899f.

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

#2d899f border color

This element has a border color of #2d899f.

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

CSS codes

.text {color:#2d899f;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061215
```
#061215 rgb(6,18,21)
```
#0a2025
```
#0a2025 rgb(10,32,37)
```
#0f2d34
```
#0f2d34 rgb(15,45,52)
```
#133a43
```
#133a43 rgb(19,58,67)
```
#174753
```
#174753 rgb(23,71,83)
```
#1c5462
```
#1c5462 rgb(28,84,98)
```
#206171
```
#206171 rgb(32,97,113)
```
#246f80
```
#246f80 rgb(36,111,128)
```
#297c90
```
#297c90 rgb(41,124,144)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#3196ae
```
#3196ae rgb(49,150,174)
```
#36a3be
```
#36a3be rgb(54,163,190)
```

Shade Color Variation

#3eaec8
```
#3eaec8 rgb(62,174,200)
```
#4eb4cd
```
#4eb4cd rgb(78,180,205)
```
#5dbbd1
```
#5dbbd1 rgb(93,187,209)
```
#6cc1d5
```
#6cc1d5 rgb(108,193,213)
```
#7cc8da
```
#7cc8da rgb(124,200,218)
```
#8bcede
```
#8bcede rgb(139,206,222)
```
#9ad4e2
```
#9ad4e2 rgb(154,212,226)
```
#a9dbe7
```
#a9dbe7 rgb(169,219,231)
```
#b9e1eb
```
#b9e1eb rgb(185,225,235)
```
#c8e8ef
```
#c8e8ef rgb(200,232,239)
```
#d7eef4
```
#d7eef4 rgb(215,238,244)
```
#e7f5f8
```
#e7f5f8 rgb(231,245,248)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#646768
```
#646768 rgb(100,103,104)
```
#5c6c70
```
#5c6c70 rgb(92,108,112)
```
#547178
```
#547178 rgb(84,113,120)
```
#4c7680
```
#4c7680 rgb(76,118,128)
```
#457b87
```
#457b87 rgb(69,123,135)
```
#3d7f8f
```
#3d7f8f rgb(61,127,143)
```
#358497
```
#358497 rgb(53,132,151)
```
#2d899f
```
#2d899f rgb(45,137,159)
```
#258ea7
```
#258ea7 rgb(37,142,167)
```
#1d93af
```
#1d93af rgb(29,147,175)
```
#1597b7
```
#1597b7 rgb(21,151,183)
```
#0e9cbe
```
#0e9cbe rgb(14,156,190)
```
#06a1c6
```
#06a1c6 rgb(6,161,198)
```

Tone Color Variation

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

#7f839c Protanopia 1% of men
#7c82a8 Deuteranopia 1% of men
#30909b Tritanopia 0.001% of the population

Trichromacy

#61859d Protanomaly 1% of men, 0.01% of women
#5f85a5 Deuteranomaly 6% of men, 0.4% of women
#2f8d9c Tritanomaly 0.01% of the population

#2d899f hex color

#2d899f Color Information

#2d899f Color Conversion

Color Schemes with #2d899f

Alternatives to #2d899f

#2d899f Preview

Shades and Tints of #2d899f

Tones of #2d899f

Color Blindness Simulator