#2f6176 hex color

In a RGB color space, hex #2f6176 is composed of 18.4% red, 38% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 17.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 197.7 degrees, a saturation of 43% and a lightness of 32.4%. #2f6176 color hex could be obtained by blending #5ec2ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 38
- B 46
RGB color chart
- C 60
- M 18
- Y 0
- K 54
CMYK color chart

● #2f6176 color description : Dark moderate blue.

The hexadecimal color #2f6176 has RGB values of R:47, G:97, B:118 and CMYK values of C:0.6, M:0.18, Y:0, K:0.54. Its decimal value is 3105142.

Hex triplet	2f6176	`#2f6176`
RGB Decimal	47, 97, 118	`rgb(47,97,118)`
RGB Percent	18.4, 38, 46.3	`rgb(18.4%,38%,46.3%)`
CMYK	60, 18, 0, 54
HSL	197.7°, 43, 32.4	`hsl(197.7,43%,32.4%)`
HSV (or HSB)	197.7°, 60.2, 46.3
Web Safe	336666	`#336666`

CIE-LAB	38.658, -10.118, -16.93
XYZ	8.716, 10.461, 18.698
xyY	0.23, 0.276, 10.461
CIE-LCH	38.658, 19.723, 239.136
CIE-LUV	38.658, -20.403, -21.97
Hunter-Lab	32.344, -8.498, -11.636
Binary	00101111, 01100001, 01110110

#2f6176
```
#2f6176 rgb(47,97,118)
```
#76442f
```
#76442f rgb(118,68,47)
```

Complementary Color

#2f7668
```
#2f7668 rgb(47,118,104)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#2f3e76
```
#2f3e76 rgb(47,62,118)
```

Analogous Color

#76682f
```
#76682f rgb(118,104,47)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#762f3e
```
#762f3e rgb(118,47,62)
```

Split Complementary Color

#61762f
```
#61762f rgb(97,118,47)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#762f61
```
#762f61 rgb(118,47,97)
```

Triadic Color

#2f7644
```
#2f7644 rgb(47,118,68)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#762f61
```
#762f61 rgb(118,47,97)
```
#76442f
```
#76442f rgb(118,68,47)
```

Tetradic Color

#19343f
```
#19343f rgb(25,52,63)
```
#204352
```
#204352 rgb(32,67,82)
```
#285264
```
#285264 rgb(40,82,100)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#367088
```
#367088 rgb(54,112,136)
```
#3e7f9a
```
#3e7f9a rgb(62,127,154)
```
#458ead
```
#458ead rgb(69,142,173)
```

Monochromatic Color

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

#2f7376
```
#2f7376 rgb(47,115,118)
```
#2f6d76
```
#2f6d76 rgb(47,109,118)
```
#2f6776
```
#2f6776 rgb(47,103,118)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#2f5b76
```
#2f5b76 rgb(47,91,118)
```
#2f5576
```
#2f5576 rgb(47,85,118)
```
#2f4f76
```
#2f4f76 rgb(47,79,118)
```

Similar Colors

Text with hexadecimal color #2f6176

This text has a font color of #2f6176.

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

#2f6176 background color

This paragraph has a background color of #2f6176.

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

#2f6176 border color

This element has a border color of #2f6176.

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

CSS codes

.text {color:#2f6176;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#081014
```
#081014 rgb(8,16,20)
```
#0d1c22
```
#0d1c22 rgb(13,28,34)
```
#132730
```
#132730 rgb(19,39,48)
```
#19333e
```
#19333e rgb(25,51,62)
```
#1e3e4c
```
#1e3e4c rgb(30,62,76)
```
#244a5a
```
#244a5a rgb(36,74,90)
```
#295568
```
#295568 rgb(41,85,104)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#356d84
```
#356d84 rgb(53,109,132)
```
#3a7892
```
#3a7892 rgb(58,120,146)
```
#4084a0
```
#4084a0 rgb(64,132,160)
```
#458fae
```
#458fae rgb(69,143,174)
```

Shade Color Variation

#4e99b9
```
#4e99b9 rgb(78,153,185)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#6aa9c4
```
#6aa9c4 rgb(106,169,196)
```
#78b1c9
```
#78b1c9 rgb(120,177,201)
```
#87bacf
```
#87bacf rgb(135,186,207)
```
#95c2d5
```
#95c2d5 rgb(149,194,213)
```
#a3cada
```
#a3cada rgb(163,202,218)
```
#b1d2e0
```
#b1d2e0 rgb(177,210,224)
```
#bfdae5
```
#bfdae5 rgb(191,218,229)
```
#cde2eb
```
#cde2eb rgb(205,226,235)
```
#dbeaf1
```
#dbeaf1 rgb(219,234,241)
```
#e9f2f6
```
#e9f2f6 rgb(233,242,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#4f5456
```
#4f5456 rgb(79,84,86)
```
#48575d
```
#48575d rgb(72,87,93)
```
#425963
```
#425963 rgb(66,89,99)
```
#3c5c69
```
#3c5c69 rgb(60,92,105)
```
#355e70
```
#355e70 rgb(53,94,112)
```
#2f6176
```
#2f6176 rgb(47,97,118)
```
#29647c
```
#29647c rgb(41,100,124)
```
#226683
```
#226683 rgb(34,102,131)
```
#1c6989
```
#1c6989 rgb(28,105,137)
```
#166b8f
```
#166b8f rgb(22,107,143)
```
#0f6e96
```
#0f6e96 rgb(15,110,150)
```
#09719c
```
#09719c rgb(9,113,156)
```
#0373a2
```
#0373a2 rgb(3,115,162)
```

Tone Color Variation

Below, you can see how #2f6176 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
#4d575b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6278 Protanopia 1% of men
#5c627f Deuteranopia 1% of men
#346b72 Tritanopia 0.001% of the population

Trichromacy

#4c6277 Protanomaly 1% of men, 0.01% of women
#4b617c Deuteranomaly 6% of men, 0.4% of women
#326774 Tritanomaly 0.01% of the population

#2f6176 hex color

#2f6176 Color Information

#2f6176 Color Conversion

Color Schemes with #2f6176

Alternatives to #2f6176

#2f6176 Preview

Shades and Tints of #2f6176

Tones of #2f6176

Color Blindness Simulator