#2f5e60 hex color

In a RGB color space, hex #2f5e60 is composed of 18.4% red, 36.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 2.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 182.4 degrees, a saturation of 34.3% and a lightness of 28%. #2f5e60 color hex could be obtained by blending #5ebcc0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 37
- B 38
RGB color chart
- C 51
- M 2
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2f5e60 has RGB values of R:47, G:94, B:96 and CMYK values of C:0.51, M:0.02, Y:0, K:0.62. Its decimal value is 3104352.

Hex triplet	2f5e60	`#2f5e60`
RGB Decimal	47, 94, 96	`rgb(47,94,96)`
RGB Percent	18.4, 36.9, 37.6	`rgb(18.4%,36.9%,37.6%)`
CMYK	51, 2, 0, 62
HSL	182.4°, 34.3, 28	`hsl(182.4,34.3%,28%)`
HSV (or HSB)	182.4°, 51, 37.6
Web Safe	336666	`#336666`

CIE-LAB	36.844, -15.378, -6.11
XYZ	7.286, 9.454, 12.507
xyY	0.249, 0.323, 9.454
CIE-LCH	36.844, 16.547, 201.67
CIE-LUV	36.844, -19.959, -5.937
Hunter-Lab	30.747, -11.51, -2.594
Binary	00101111, 01011110, 01100000

#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#60312f
```
#60312f rgb(96,49,47)
```

Complementary Color

#2f604a
```
#2f604a rgb(47,96,74)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#2f4660
```
#2f4660 rgb(47,70,96)
```

Analogous Color

#604a2f
```
#604a2f rgb(96,74,47)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#602f46
```
#602f46 rgb(96,47,70)
```

Split Complementary Color

#5e602f
```
#5e602f rgb(94,96,47)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#602f5e
```
#602f5e rgb(96,47,94)
```

Triadic Color

#2f6031
```
#2f6031 rgb(47,96,49)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#602f5e
```
#602f5e rgb(96,47,94)
```
#60312f
```
#60312f rgb(96,49,47)
```

Tetradic Color

#162c2d
```
#162c2d rgb(22,44,45)
```
#1e3c3e
```
#1e3c3e rgb(30,60,62)
```
#274d4f
```
#274d4f rgb(39,77,79)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#376f71
```
#376f71 rgb(55,111,113)
```
#408082
```
#408082 rgb(64,128,130)
```
#489093
```
#489093 rgb(72,144,147)
```

Monochromatic Color

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

#2f6056
```
#2f6056 rgb(47,96,86)
```
#2f605a
```
#2f605a rgb(47,96,90)
```
#2f605e
```
#2f605e rgb(47,96,94)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#2f5a60
```
#2f5a60 rgb(47,90,96)
```
#2f5660
```
#2f5660 rgb(47,86,96)
```
#2f5260
```
#2f5260 rgb(47,82,96)
```

Similar Colors

Text with hexadecimal color #2f5e60

This text has a font color of #2f5e60.

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

#2f5e60 background color

This paragraph has a background color of #2f5e60.

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

#2f5e60 border color

This element has a border color of #2f5e60.

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

CSS codes

.text {color:#2f5e60;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081111
```
#081111 rgb(8,17,17)
```
#0f1e1e
```
#0f1e1e rgb(15,30,30)
```
#152a2b
```
#152a2b rgb(21,42,43)
```
#1c3738
```
#1c3738 rgb(28,55,56)
```
#224446
```
#224446 rgb(34,68,70)
```
#295153
```
#295153 rgb(41,81,83)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#356b6d
```
#356b6d rgb(53,107,109)
```
#3c787a
```
#3c787a rgb(60,120,122)
```
#428588
```
#428588 rgb(66,133,136)
```
#499295
```
#499295 rgb(73,146,149)
```
#4f9ea2
```
#4f9ea2 rgb(79,158,162)
```

Shade Color Variation

#58aaad
```
#58aaad rgb(88,170,173)
```
#65b0b4
```
#65b0b4 rgb(101,176,180)
```
#72b7ba
```
#72b7ba rgb(114,183,186)
```
#7fbec0
```
#7fbec0 rgb(127,190,192)
```
#8cc4c7
```
#8cc4c7 rgb(140,196,199)
```
#99cbcd
```
#99cbcd rgb(153,203,205)
```
#a7d2d4
```
#a7d2d4 rgb(167,210,212)
```
#b4d9da
```
#b4d9da rgb(180,217,218)
```
#c1dfe1
```
#c1dfe1 rgb(193,223,225)
```
#cee6e7
```
#cee6e7 rgb(206,230,231)
```
#dbedee
```
#dbedee rgb(219,237,238)
```
#e8f4f4
```
#e8f4f4 rgb(232,244,244)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#454a4a
```
#454a4a rgb(69,74,74)
```
#404f50
```
#404f50 rgb(64,79,80)
```
#3a5455
```
#3a5455 rgb(58,84,85)
```
#35595b
```
#35595b rgb(53,89,91)
```
#2f5e60
```
#2f5e60 rgb(47,94,96)
```
#2a6366
```
#2a6366 rgb(42,99,102)
```
#24686b
```
#24686b rgb(36,104,107)
```
#1f6d71
```
#1f6d71 rgb(31,109,113)
```
#197276
```
#197276 rgb(25,114,118)
```
#14777c
```
#14777c rgb(20,119,124)
```
#0e7c81
```
#0e7c81 rgb(14,124,129)
```
#098187
```
#098187 rgb(9,129,135)
```
#03868c
```
#03868c rgb(3,134,140)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5e64 Protanopia 1% of men
#625d6b Deuteranopia 1% of men
#3b656d Tritanopia 0.001% of the population

Trichromacy

#4d5e62 Protanomaly 1% of men, 0.01% of women
#4f5d67 Deuteranomaly 6% of men, 0.4% of women
#376268 Tritanomaly 0.01% of the population

#2f5e60 hex color

#2f5e60 Color Information

#2f5e60 Color Conversion

Color Schemes with #2f5e60

Alternatives to #2f5e60

#2f5e60 Preview

Shades and Tints of #2f5e60

Tones of #2f5e60

Color Blindness Simulator