#2d858c hex color

In a RGB color space, hex #2d858c is composed of 17.6% red, 52.2% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 5% magenta, 0% yellow and 45.1% black. It has a hue angle of 184.4 degrees, a saturation of 51.4% and a lightness of 36.3%. #2d858c color hex could be obtained by blending #5affff with #000b19. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 52
- B 55
RGB color chart
- C 68
- M 5
- Y 0
- K 45
CMYK color chart

● #2d858c color description : Dark moderate cyan.

The hexadecimal color #2d858c has RGB values of R:45, G:133, B:140 and CMYK values of C:0.68, M:0.05, Y:0, K:0.45. Its decimal value is 2983308.

Hex triplet	2d858c	`#2d858c`
RGB Decimal	45, 133, 140	`rgb(45,133,140)`
RGB Percent	17.6, 52.2, 54.9	`rgb(17.6%,52.2%,54.9%)`
CMYK	68, 5, 0, 45
HSL	184.4°, 51.4, 36.3	`hsl(184.4,51.4%,36.3%)`
HSV (or HSB)	184.4°, 67.9, 54.9
Web Safe	339999	`#339999`

CIE-LAB	50.95, -23.254, -11.406
XYZ	14.202, 19.225, 27.772
xyY	0.232, 0.314, 19.225
CIE-LCH	50.95, 25.901, 206.129
CIE-LUV	50.95, -33.534, -13.22
Hunter-Lab	43.847, -18.915, -6.861
Binary	00101101, 10000101, 10001100

#2d858c
```
#2d858c rgb(45,133,140)
```
#8c342d
```
#8c342d rgb(140,52,45)
```

Complementary Color

#2d8c64
```
#2d8c64 rgb(45,140,100)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#2d568c
```
#2d568c rgb(45,86,140)
```

Analogous Color

#8c642d
```
#8c642d rgb(140,100,45)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#8c2d56
```
#8c2d56 rgb(140,45,86)
```

Split Complementary Color

#858c2d
```
#858c2d rgb(133,140,45)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#8c2d85
```
#8c2d85 rgb(140,45,133)
```

Triadic Color

#2d8c34
```
#2d8c34 rgb(45,140,52)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#8c2d85
```
#8c2d85 rgb(140,45,133)
```
#8c342d
```
#8c342d rgb(140,52,45)
```

Tetradic Color

#1a4e52
```
#1a4e52 rgb(26,78,82)
```
#216065
```
#216065 rgb(33,96,101)
```
#277379
```
#277379 rgb(39,115,121)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#33979f
```
#33979f rgb(51,151,159)
```
#39aab3
```
#39aab3 rgb(57,170,179)
```
#43b9c3
```
#43b9c3 rgb(67,185,195)
```

Monochromatic Color

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

#2d8c7b
```
#2d8c7b rgb(45,140,123)
```
#2d8c83
```
#2d8c83 rgb(45,140,131)
```
#2d8c8b
```
#2d8c8b rgb(45,140,139)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#2d7d8c
```
#2d7d8c rgb(45,125,140)
```
#2d758c
```
#2d758c rgb(45,117,140)
```
#2d6d8c
```
#2d6d8c rgb(45,109,140)
```

Similar Colors

Text with hexadecimal color #2d858c

This text has a font color of #2d858c.

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

#2d858c background color

This paragraph has a background color of #2d858c.

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

#2d858c border color

This element has a border color of #2d858c.

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

CSS codes

.text {color:#2d858c;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#071415
```
#071415 rgb(7,20,21)
```
#0c2224
```
#0c2224 rgb(12,34,36)
```
#103033
```
#103033 rgb(16,48,51)
```
#153e42
```
#153e42 rgb(21,62,66)
```
#1a4d51
```
#1a4d51 rgb(26,77,81)
```
#1f5b5f
```
#1f5b5f rgb(31,91,95)
```
#23696e
```
#23696e rgb(35,105,110)
```
#28777d
```
#28777d rgb(40,119,125)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#32939b
```
#32939b rgb(50,147,155)
```
#37a1aa
```
#37a1aa rgb(55,161,170)
```
#3bafb9
```
#3bafb9 rgb(59,175,185)
```

Shade Color Variation

#44bac3
```
#44bac3 rgb(68,186,195)
```
#53bfc8
```
#53bfc8 rgb(83,191,200)
```
#62c5cd
```
#62c5cd rgb(98,197,205)
```
#71cad1
```
#71cad1 rgb(113,202,209)
```
#80d0d6
```
#80d0d6 rgb(128,208,214)
```
#8fd5db
```
#8fd5db rgb(143,213,219)
```
#9ddbe0
```
#9ddbe0 rgb(157,219,224)
```
#ace0e4
```
#ace0e4 rgb(172,224,228)
```
#bbe6e9
```
#bbe6e9 rgb(187,230,233)
```
#caebee
```
#caebee rgb(202,235,238)
```
#d9f1f3
```
#d9f1f3 rgb(217,241,243)
```
#e8f6f8
```
#e8f6f8 rgb(232,246,248)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#586161
```
#586161 rgb(88,97,97)
```
#516768
```
#516768 rgb(81,103,104)
```
#496d70
```
#496d70 rgb(73,109,112)
```
#427377
```
#427377 rgb(66,115,119)
```
#3b797e
```
#3b797e rgb(59,121,126)
```
#347f85
```
#347f85 rgb(52,127,133)
```
#2d858c
```
#2d858c rgb(45,133,140)
```
#268b93
```
#268b93 rgb(38,139,147)
```
#1f919a
```
#1f919a rgb(31,145,154)
```
#1897a1
```
#1897a1 rgb(24,151,161)
```
#119da8
```
#119da8 rgb(17,157,168)
```
#09a3b0
```
#09a3b0 rgb(9,163,176)
```
#02a9b7
```
#02a9b7 rgb(2,169,183)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f7072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7f8b Protanopia 1% of men
#807d97 Deuteranopia 1% of men
#398a95 Tritanopia 0.001% of the population

Trichromacy

#61818b Protanomaly 1% of men, 0.01% of women
#628093 Deuteranomaly 6% of men, 0.4% of women
#358891 Tritanomaly 0.01% of the population

#2d858c hex color

#2d858c Color Information

#2d858c Color Conversion

Color Schemes with #2d858c

Alternatives to #2d858c

#2d858c Preview

Shades and Tints of #2d858c

Tones of #2d858c

Color Blindness Simulator