#2d858f hex color

In a RGB color space, hex #2d858f is composed of 17.6% red, 52.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 7% magenta, 0% yellow and 43.9% black. It has a hue angle of 186.1 degrees, a saturation of 52.1% and a lightness of 36.9%. #2d858f color hex could be obtained by blending #5affff with #000b1f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 52
- B 56
RGB color chart
- C 69
- M 7
- Y 0
- K 44
CMYK color chart

● #2d858f color description : Dark moderate cyan.

The hexadecimal color #2d858f has RGB values of R:45, G:133, B:143 and CMYK values of C:0.69, M:0.07, Y:0, K:0.44. Its decimal value is 2983311.

Hex triplet	2d858f	`#2d858f`
RGB Decimal	45, 133, 143	`rgb(45,133,143)`
RGB Percent	17.6, 52.2, 56.1	`rgb(17.6%,52.2%,56.1%)`
CMYK	69, 7, 0, 44
HSL	186.1°, 52.1, 36.9	`hsl(186.1,52.1%,36.9%)`
HSV (or HSB)	186.1°, 68.5, 56.1
Web Safe	339999	`#339999`

CIE-LAB	51.054, -22.313, -13
XYZ	14.426, 19.315, 28.953
xyY	0.23, 0.308, 19.315
CIE-LCH	51.054, 25.824, 210.227
CIE-LUV	51.054, -33.357, -15.768
Hunter-Lab	43.949, -18.317, -8.296
Binary	00101101, 10000101, 10001111

#2d858f
```
#2d858f rgb(45,133,143)
```
#8f372d
```
#8f372d rgb(143,55,45)
```

Complementary Color

#2d8f68
```
#2d8f68 rgb(45,143,104)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#2d548f
```
#2d548f rgb(45,84,143)
```

Analogous Color

#8f682d
```
#8f682d rgb(143,104,45)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#8f2d54
```
#8f2d54 rgb(143,45,84)
```

Split Complementary Color

#858f2d
```
#858f2d rgb(133,143,45)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#8f2d85
```
#8f2d85 rgb(143,45,133)
```

Triadic Color

#2d8f37
```
#2d8f37 rgb(45,143,55)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#8f2d85
```
#8f2d85 rgb(143,45,133)
```
#8f372d
```
#8f372d rgb(143,55,45)
```

Tetradic Color

#1b4f55
```
#1b4f55 rgb(27,79,85)
```
#216168
```
#216168 rgb(33,97,104)
```
#27737c
```
#27737c rgb(39,115,124)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#3397a2
```
#3397a2 rgb(51,151,162)
```
#39a9b6
```
#39a9b6 rgb(57,169,182)
```
#44b7c4
```
#44b7c4 rgb(68,183,196)
```

Monochromatic Color

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

#2d8f81
```
#2d8f81 rgb(45,143,129)
```
#2d8f89
```
#2d8f89 rgb(45,143,137)
```
#2d8d8f
```
#2d8d8f rgb(45,141,143)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#2d7d8f
```
#2d7d8f rgb(45,125,143)
```
#2d758f
```
#2d758f rgb(45,117,143)
```
#2d6d8f
```
#2d6d8f rgb(45,109,143)
```

Similar Colors

Text with hexadecimal color #2d858f

This text has a font color of #2d858f.

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

#2d858f background color

This paragraph has a background color of #2d858f.

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

#2d858f border color

This element has a border color of #2d858f.

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

CSS codes

.text {color:#2d858f;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#071618
```
#071618 rgb(7,22,24)
```
#0c2427
```
#0c2427 rgb(12,36,39)
```
#113235
```
#113235 rgb(17,50,53)
```
#164044
```
#164044 rgb(22,64,68)
```
#1a4d53
```
#1a4d53 rgb(26,77,83)
```
#1f5b62
```
#1f5b62 rgb(31,91,98)
```
#246971
```
#246971 rgb(36,105,113)
```
#287780
```
#287780 rgb(40,119,128)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#32939e
```
#32939e rgb(50,147,158)
```
#36a1ad
```
#36a1ad rgb(54,161,173)
```
#3bafbc
```
#3bafbc rgb(59,175,188)
```

Shade Color Variation

#46b8c5
```
#46b8c5 rgb(70,184,197)
```
#55bdc9
```
#55bdc9 rgb(85,189,201)
```
#64c3ce
```
#64c3ce rgb(100,195,206)
```
#73c9d3
```
#73c9d3 rgb(115,201,211)
```
#81cfd7
```
#81cfd7 rgb(129,207,215)
```
#90d4dc
```
#90d4dc rgb(144,212,220)
```
#9fdae1
```
#9fdae1 rgb(159,218,225)
```
#aee0e6
```
#aee0e6 rgb(174,224,230)
```
#bde6ea
```
#bde6ea rgb(189,230,234)
```
#ccebef
```
#ccebef rgb(204,235,239)
```
#dbf1f4
```
#dbf1f4 rgb(219,241,244)
```
#eaf7f8
```
#eaf7f8 rgb(234,247,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#586264
```
#586264 rgb(88,98,100)
```
#51686b
```
#51686b rgb(81,104,107)
```
#4a6e72
```
#4a6e72 rgb(74,110,114)
```
#437479
```
#437479 rgb(67,116,121)
```
#3b7981
```
#3b7981 rgb(59,121,129)
```
#347f88
```
#347f88 rgb(52,127,136)
```
#2d858f
```
#2d858f rgb(45,133,143)
```
#268b96
```
#268b96 rgb(38,139,150)
```
#1f919d
```
#1f919d rgb(31,145,157)
```
#1796a5
```
#1796a5 rgb(23,150,165)
```
#109cac
```
#109cac rgb(16,156,172)
```
#09a2b3
```
#09a2b3 rgb(9,162,179)
```
#02a8ba
```
#02a8ba rgb(2,168,186)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5f7173 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7f8d Protanopia 1% of men
#7f7e99 Deuteranopia 1% of men
#388b95 Tritanopia 0.001% of the population

Trichromacy

#60818e Protanomaly 1% of men, 0.01% of women
#618095 Deuteranomaly 6% of men, 0.4% of women
#348893 Tritanomaly 0.01% of the population

#2d858f hex color

#2d858f Color Information

#2d858f Color Conversion

Color Schemes with #2d858f

Alternatives to #2d858f

#2d858f Preview

Shades and Tints of #2d858f

Tones of #2d858f

Color Blindness Simulator