#2f5c62 hex color

In a RGB color space, hex #2f5c62 is composed of 18.4% red, 36.1% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 6.1% magenta, 0% yellow and 61.6% black. It has a hue angle of 187.1 degrees, a saturation of 35.2% and a lightness of 28.4%. #2f5c62 color hex could be obtained by blending #5eb8c4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 36
- B 38
RGB color chart
- C 52
- M 6
- Y 0
- K 62
CMYK color chart

● #2f5c62 color description : Very dark desaturated cyan.

The hexadecimal color #2f5c62 has RGB values of R:47, G:92, B:98 and CMYK values of C:0.52, M:0.06, Y:0, K:0.62. Its decimal value is 3103842.

Hex triplet	2f5c62	`#2f5c62`
RGB Decimal	47, 92, 98	`rgb(47,92,98)`
RGB Percent	18.4, 36.1, 38.4	`rgb(18.4%,36.1%,38.4%)`
CMYK	52, 6, 0, 62
HSL	187.1°, 35.2, 28.4	`hsl(187.1,35.2%,28.4%)`
HSV (or HSB)	187.1°, 52, 38.4
Web Safe	336666	`#336666`

CIE-LAB	36.252, -13.632, -8.238
XYZ	7.203, 9.14, 12.939
xyY	0.246, 0.312, 9.14
CIE-LCH	36.252, 15.928, 211.145
CIE-LUV	36.252, -19.083, -9.013
Hunter-Lab	30.232, -10.376, -4.213
Binary	00101111, 01011100, 01100010

#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#62352f
```
#62352f rgb(98,53,47)
```

Complementary Color

#2f624f
```
#2f624f rgb(47,98,79)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#2f4362
```
#2f4362 rgb(47,67,98)
```

Analogous Color

#624f2f
```
#624f2f rgb(98,79,47)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#622f43
```
#622f43 rgb(98,47,67)
```

Split Complementary Color

#5c622f
```
#5c622f rgb(92,98,47)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#622f5c
```
#622f5c rgb(98,47,92)
```

Triadic Color

#2f6235
```
#2f6235 rgb(47,98,53)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#622f5c
```
#622f5c rgb(98,47,92)
```
#62352f
```
#62352f rgb(98,53,47)
```

Tetradic Color

#162b2e
```
#162b2e rgb(22,43,46)
```
#1e3c40
```
#1e3c40 rgb(30,60,64)
```
#274c51
```
#274c51 rgb(39,76,81)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#376c73
```
#376c73 rgb(55,108,115)
```
#407c84
```
#407c84 rgb(64,124,132)
```
#488d96
```
#488d96 rgb(72,141,150)
```

Monochromatic Color

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

#2f625b
```
#2f625b rgb(47,98,91)
```
#2f6260
```
#2f6260 rgb(47,98,96)
```
#2f6062
```
#2f6062 rgb(47,96,98)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#2f5862
```
#2f5862 rgb(47,88,98)
```
#2f5462
```
#2f5462 rgb(47,84,98)
```
#2f4f62
```
#2f4f62 rgb(47,79,98)
```

Similar Colors

Text with hexadecimal color #2f5c62

This text has a font color of #2f5c62.

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

#2f5c62 background color

This paragraph has a background color of #2f5c62.

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

#2f5c62 border color

This element has a border color of #2f5c62.

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

CSS codes

.text {color:#2f5c62;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#091112
```
#091112 rgb(9,17,18)
```
#0f1e20
```
#0f1e20 rgb(15,30,32)
```
#162a2d
```
#162a2d rgb(22,42,45)
```
#1c373a
```
#1c373a rgb(28,55,58)
```
#224347
```
#224347 rgb(34,67,71)
```
#295055
```
#295055 rgb(41,80,85)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#35686f
```
#35686f rgb(53,104,111)
```
#3c757d
```
#3c757d rgb(60,117,125)
```
#42818a
```
#42818a rgb(66,129,138)
```
#488e97
```
#488e97 rgb(72,142,151)
```
#4f9aa4
```
#4f9aa4 rgb(79,154,164)
```

Shade Color Variation

#58a5af
```
#58a5af rgb(88,165,175)
```
#65acb5
```
#65acb5 rgb(101,172,181)
```
#72b3bc
```
#72b3bc rgb(114,179,188)
```
#80bac2
```
#80bac2 rgb(128,186,194)
```
#8dc1c8
```
#8dc1c8 rgb(141,193,200)
```
#9ac8cf
```
#9ac8cf rgb(154,200,207)
```
#a7d0d5
```
#a7d0d5 rgb(167,208,213)
```
#b5d7db
```
#b5d7db rgb(181,215,219)
```
#c2dee2
```
#c2dee2 rgb(194,222,226)
```
#cfe5e8
```
#cfe5e8 rgb(207,229,232)
```
#dcecee
```
#dcecee rgb(220,236,238)
```
#eaf3f5
```
#eaf3f5 rgb(234,243,245)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454b4c is the less saturated color, while #027e8f is the most saturated one.

#454b4c
```
#454b4c rgb(69,75,76)
```
#404f51
```
#404f51 rgb(64,79,81)
```
#3a5357
```
#3a5357 rgb(58,83,87)
```
#35585c
```
#35585c rgb(53,88,92)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#296068
```
#296068 rgb(41,96,104)
```
#24656d
```
#24656d rgb(36,101,109)
```
#1e6973
```
#1e6973 rgb(30,105,115)
```
#196d78
```
#196d78 rgb(25,109,120)
```
#13717e
```
#13717e rgb(19,113,126)
```
#0e7683
```
#0e7683 rgb(14,118,131)
```
#087a89
```
#087a89 rgb(8,122,137)
```
#027e8f
```
#027e8f rgb(2,126,143)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5d66 Protanopia 1% of men
#5f5c6d Deuteranopia 1% of men
#3a646b Tritanopia 0.001% of the population

Trichromacy

#4c5c64 Protanomaly 1% of men, 0.01% of women
#4d5c69 Deuteranomaly 6% of men, 0.4% of women
#366168 Tritanomaly 0.01% of the population

#2f5c62 hex color

#2f5c62 Color Information

#2f5c62 Color Conversion

Color Schemes with #2f5c62

Alternatives to #2f5c62

#2f5c62 Preview

Shades and Tints of #2f5c62

Tones of #2f5c62

Color Blindness Simulator