#2f636c hex color

In a RGB color space, hex #2f636c is composed of 18.4% red, 38.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 8.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 188.9 degrees, a saturation of 39.4% and a lightness of 30.4%. #2f636c color hex could be obtained by blending #5ec6d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 39
- B 42
RGB color chart
- C 56
- M 8
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #2f636c has RGB values of R:47, G:99, B:108 and CMYK values of C:0.56, M:0.08, Y:0, K:0.58. Its decimal value is 3105644.

Hex triplet	2f636c	`#2f636c`
RGB Decimal	47, 99, 108	`rgb(47,99,108)`
RGB Percent	18.4, 38.8, 42.4	`rgb(18.4%,38.8%,42.4%)`
CMYK	56, 8, 0, 58
HSL	188.9°, 39.4, 30.4	`hsl(188.9,39.4%,30.4%)`
HSV (or HSB)	188.9°, 56.5, 42.4
Web Safe	336666	`#336666`

CIE-LAB	38.916, -14.521, -10.405
XYZ	8.34, 10.61, 15.795
xyY	0.24, 0.305, 10.61
CIE-LCH	38.916, 17.864, 215.622
CIE-LUV	38.916, -21.544, -12.11
Hunter-Lab	32.573, -11.299, -5.949
Binary	00101111, 01100011, 01101100

#2f636c
```
#2f636c rgb(47,99,108)
```
#6c382f
```
#6c382f rgb(108,56,47)
```

Complementary Color

#2f6c57
```
#2f6c57 rgb(47,108,87)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#2f456c
```
#2f456c rgb(47,69,108)
```

Analogous Color

#6c572f
```
#6c572f rgb(108,87,47)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#6c2f45
```
#6c2f45 rgb(108,47,69)
```

Split Complementary Color

#636c2f
```
#636c2f rgb(99,108,47)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#6c2f63
```
#6c2f63 rgb(108,47,99)
```

Triadic Color

#2f6c38
```
#2f6c38 rgb(47,108,56)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#6c2f63
```
#6c2f63 rgb(108,47,99)
```
#6c382f
```
#6c382f rgb(108,56,47)
```

Tetradic Color

#183237
```
#183237 rgb(24,50,55)
```
#204248
```
#204248 rgb(32,66,72)
```
#27535a
```
#27535a rgb(39,83,90)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#37737e
```
#37737e rgb(55,115,126)
```
#3e8490
```
#3e8490 rgb(62,132,144)
```
#4694a1
```
#4694a1 rgb(70,148,161)
```

Monochromatic Color

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

#2f6c66
```
#2f6c66 rgb(47,108,102)
```
#2f6c6b
```
#2f6c6b rgb(47,108,107)
```
#2f686c
```
#2f686c rgb(47,104,108)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#2f5e6c
```
#2f5e6c rgb(47,94,108)
```
#2f596c
```
#2f596c rgb(47,89,108)
```
#2f546c
```
#2f546c rgb(47,84,108)
```

Similar Colors

Text with hexadecimal color #2f636c

This text has a font color of #2f636c.

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

#2f636c background color

This paragraph has a background color of #2f636c.

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

#2f636c border color

This element has a border color of #2f636c.

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

CSS codes

.text {color:#2f636c;}

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

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

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, #050b0c is the darkest color, while #fefefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0b181a
```
#0b181a rgb(11,24,26)
```
#112428
```
#112428 rgb(17,36,40)
```
#173135
```
#173135 rgb(23,49,53)
```
#1d3d43
```
#1d3d43 rgb(29,61,67)
```
#234a51
```
#234a51 rgb(35,74,81)
```
#29565e
```
#29565e rgb(41,86,94)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#35707a
```
#35707a rgb(53,112,122)
```
#3b7c87
```
#3b7c87 rgb(59,124,135)
```
#418995
```
#418995 rgb(65,137,149)
```
#4795a3
```
#4795a3 rgb(71,149,163)
```
#4da2b0
```
#4da2b0 rgb(77,162,176)
```

Shade Color Variation

#5aa9b7
```
#5aa9b7 rgb(90,169,183)
```
#67b0bd
```
#67b0bd rgb(103,176,189)
```
#75b7c3
```
#75b7c3 rgb(117,183,195)
```
#83bfc9
```
#83bfc9 rgb(131,191,201)
```
#90c6cf
```
#90c6cf rgb(144,198,207)
```
#9ecdd5
```
#9ecdd5 rgb(158,205,213)
```
#acd4db
```
#acd4db rgb(172,212,219)
```
#b9dbe1
```
#b9dbe1 rgb(185,219,225)
```
#c7e2e7
```
#c7e2e7 rgb(199,226,231)
```
#d5e9ed
```
#d5e9ed rgb(213,233,237)
```
#e2f0f3
```
#e2f0f3 rgb(226,240,243)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4d4e4e
```
#4d4e4e rgb(77,78,78)
```
#475254
```
#475254 rgb(71,82,84)
```
#41565a
```
#41565a rgb(65,86,90)
```
#3b5b60
```
#3b5b60 rgb(59,91,96)
```
#355f66
```
#355f66 rgb(53,95,102)
```
#2f636c
```
#2f636c rgb(47,99,108)
```
#296772
```
#296772 rgb(41,103,114)
```
#236b78
```
#236b78 rgb(35,107,120)
```
#1d707e
```
#1d707e rgb(29,112,126)
```
#177484
```
#177484 rgb(23,116,132)
```
#11788a
```
#11788a rgb(17,120,138)
```
#0b7c90
```
#0b7c90 rgb(11,124,144)
```
#058096
```
#058096 rgb(5,128,150)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#62636f Protanopia 1% of men
#636276 Deuteranopia 1% of men
#396b73 Tritanopia 0.001% of the population

Trichromacy

#4f636d Protanomaly 1% of men, 0.01% of women
#506272 Deuteranomaly 6% of men, 0.4% of women
#356870 Tritanomaly 0.01% of the population

#2f636c hex color

#2f636c Color Information

#2f636c Color Conversion

Color Schemes with #2f636c

Alternatives to #2f636c

#2f636c Preview

Shades and Tints of #2f636c

Tones of #2f636c

Color Blindness Simulator