#2f676d hex color

In a RGB color space, hex #2f676d is composed of 18.4% red, 40.4% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 5.5% magenta, 0% yellow and 57.3% black. It has a hue angle of 185.8 degrees, a saturation of 39.7% and a lightness of 30.6%. #2f676d color hex could be obtained by blending #5eceda with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 40
- B 43
RGB color chart
- C 57
- M 6
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #2f676d has RGB values of R:47, G:103, B:109 and CMYK values of C:0.57, M:0.06, Y:0, K:0.57. Its decimal value is 3106669.

Hex triplet	2f676d	`#2f676d`
RGB Decimal	47, 103, 109	`rgb(47,103,109)`
RGB Percent	18.4, 40.4, 42.7	`rgb(18.4%,40.4%,42.7%)`
CMYK	57, 6, 0, 57
HSL	185.8°, 39.7, 30.6	`hsl(185.8,39.7%,30.6%)`
HSV (or HSB)	185.8°, 56.9, 42.7
Web Safe	336666	`#336666`

CIE-LAB	40.26, -16.457, -8.992
XYZ	8.782, 11.408, 16.206
xyY	0.241, 0.313, 11.408
CIE-LCH	40.26, 18.753, 208.652
CIE-LUV	40.26, -23.093, -9.967
Hunter-Lab	33.776, -12.697, -4.805
Binary	00101111, 01100111, 01101101

#2f676d
```
#2f676d rgb(47,103,109)
```
#6d352f
```
#6d352f rgb(109,53,47)
```

Complementary Color

#2f6d54
```
#2f6d54 rgb(47,109,84)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#2f486d
```
#2f486d rgb(47,72,109)
```

Analogous Color

#6d542f
```
#6d542f rgb(109,84,47)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#6d2f48
```
#6d2f48 rgb(109,47,72)
```

Split Complementary Color

#676d2f
```
#676d2f rgb(103,109,47)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#6d2f67
```
#6d2f67 rgb(109,47,103)
```

Triadic Color

#2f6d35
```
#2f6d35 rgb(47,109,53)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#6d2f67
```
#6d2f67 rgb(109,47,103)
```
#6d352f
```
#6d352f rgb(109,53,47)
```

Tetradic Color

#183438
```
#183438 rgb(24,52,56)
```
#204549
```
#204549 rgb(32,69,73)
```
#27565b
```
#27565b rgb(39,86,91)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#37787f
```
#37787f rgb(55,120,127)
```
#3e8991
```
#3e8991 rgb(62,137,145)
```
#469aa2
```
#469aa2 rgb(70,154,162)
```

Monochromatic Color

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

#2f6d64
```
#2f6d64 rgb(47,109,100)
```
#2f6d69
```
#2f6d69 rgb(47,109,105)
```
#2f6c6d
```
#2f6c6d rgb(47,108,109)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#2f626d
```
#2f626d rgb(47,98,109)
```
#2f5d6d
```
#2f5d6d rgb(47,93,109)
```
#2f586d
```
#2f586d rgb(47,88,109)
```

Similar Colors

Text with hexadecimal color #2f676d

This text has a font color of #2f676d.

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

#2f676d background color

This paragraph has a background color of #2f676d.

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

#2f676d border color

This element has a border color of #2f676d.

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

CSS codes

.text {color:#2f676d;}

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

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

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, #060c0d is the darkest color, while #feffff is the lightest one.

#060c0d
```
#060c0d rgb(6,12,13)
```
#0c191b
```
#0c191b rgb(12,25,27)
```
#112628
```
#112628 rgb(17,38,40)
```
#173336
```
#173336 rgb(23,51,54)
```
#1d4044
```
#1d4044 rgb(29,64,68)
```
#234d52
```
#234d52 rgb(35,77,82)
```
#295a5f
```
#295a5f rgb(41,90,95)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#35747b
```
#35747b rgb(53,116,123)
```
#3b8188
```
#3b8188 rgb(59,129,136)
```
#418e96
```
#418e96 rgb(65,142,150)
```
#479ba4
```
#479ba4 rgb(71,155,164)
```
#4da8b2
```
#4da8b2 rgb(77,168,178)
```

Shade Color Variation

#5aafb8
```
#5aafb8 rgb(90,175,184)
```
#68b5be
```
#68b5be rgb(104,181,190)
```
#75bcc4
```
#75bcc4 rgb(117,188,196)
```
#83c3ca
```
#83c3ca rgb(131,195,202)
```
#91c9cf
```
#91c9cf rgb(145,201,207)
```
#9ed0d5
```
#9ed0d5 rgb(158,208,213)
```
#acd7db
```
#acd7db rgb(172,215,219)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#c8e4e7
```
#c8e4e7 rgb(200,228,231)
```
#d5ebed
```
#d5ebed rgb(213,235,237)
```
#e3f1f3
```
#e3f1f3 rgb(227,241,243)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4d4f4f
```
#4d4f4f rgb(77,79,79)
```
#475455
```
#475455 rgb(71,84,85)
```
#41585b
```
#41585b rgb(65,88,91)
```
#3b5d61
```
#3b5d61 rgb(59,93,97)
```
#356267
```
#356267 rgb(53,98,103)
```
#2f676d
```
#2f676d rgb(47,103,109)
```
#296c73
```
#296c73 rgb(41,108,115)
```
#237179
```
#237179 rgb(35,113,121)
```
#1d767f
```
#1d767f rgb(29,118,127)
```
#177a85
```
#177a85 rgb(23,122,133)
```
#117f8b
```
#117f8b rgb(17,127,139)
```
#0b8491
```
#0b8491 rgb(11,132,145)
```
#058997
```
#058997 rgb(5,137,151)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#66666f Protanopia 1% of men
#686478 Deuteranopia 1% of men
#3a6e76 Tritanopia 0.001% of the population

Trichromacy

#52666e Protanomaly 1% of men, 0.01% of women
#536574 Deuteranomaly 6% of men, 0.4% of women
#366b73 Tritanomaly 0.01% of the population

#2f676d hex color

#2f676d Color Information

#2f676d Color Conversion

Color Schemes with #2f676d

Alternatives to #2f676d

#2f676d Preview

Shades and Tints of #2f676d

Tones of #2f676d

Color Blindness Simulator