#2f5161 hex color

In a RGB color space, hex #2f5161 is composed of 18.4% red, 31.8% green and 38% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 16.5% magenta, 0% yellow and 62% black. It has a hue angle of 199.2 degrees, a saturation of 34.7% and a lightness of 28.2%. #2f5161 color hex could be obtained by blending #5ea2c2 with #000000. Closest websafe color is: #336666.

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

● #2f5161 color description : Very dark desaturated blue.

The hexadecimal color #2f5161 has RGB values of R:47, G:81, B:97 and CMYK values of C:0.52, M:0.16, Y:0, K:0.62. Its decimal value is 3101025.

Hex triplet	2f5161	`#2f5161`
RGB Decimal	47, 81, 97	`rgb(47,81,97)`
RGB Percent	18.4, 31.8, 38	`rgb(18.4%,31.8%,38%)`
CMYK	52, 16, 0, 62
HSL	199.2°, 34.7, 28.2	`hsl(199.2,34.7%,28.2%)`
HSV (or HSB)	199.2°, 51.5, 38
Web Safe	336666	`#336666`

CIE-LAB	32.595, -7.412, -13.151
XYZ	6.272, 7.352, 12.397
xyY	0.241, 0.283, 7.352
CIE-LCH	32.595, 15.096, 240.593
CIE-LUV	32.595, -14.687, -16.084
Hunter-Lab	27.114, -6.161, -8.128
Binary	00101111, 01010001, 01100001

#2f5161
```
#2f5161 rgb(47,81,97)
```
#613f2f
```
#613f2f rgb(97,63,47)
```

Complementary Color

#2f6158
```
#2f6158 rgb(47,97,88)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#2f3861
```
#2f3861 rgb(47,56,97)
```

Analogous Color

#61582f
```
#61582f rgb(97,88,47)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#612f38
```
#612f38 rgb(97,47,56)
```

Split Complementary Color

#51612f
```
#51612f rgb(81,97,47)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#612f51
```
#612f51 rgb(97,47,81)
```

Triadic Color

#2f613f
```
#2f613f rgb(47,97,63)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#612f51
```
#612f51 rgb(97,47,81)
```
#613f2f
```
#613f2f rgb(97,63,47)
```

Tetradic Color

#16262d
```
#16262d rgb(22,38,45)
```
#1e343f
```
#1e343f rgb(30,52,63)
```
#274350
```
#274350 rgb(39,67,80)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#375f72
```
#375f72 rgb(55,95,114)
```
#406e83
```
#406e83 rgb(64,110,131)
```
#487c95
```
#487c95 rgb(72,124,149)
```

Monochromatic Color

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

#2f5e61
```
#2f5e61 rgb(47,94,97)
```
#2f5961
```
#2f5961 rgb(47,89,97)
```
#2f5561
```
#2f5561 rgb(47,85,97)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#2f4d61
```
#2f4d61 rgb(47,77,97)
```
#2f4961
```
#2f4961 rgb(47,73,97)
```
#2f4561
```
#2f4561 rgb(47,69,97)
```

Similar Colors

Text with hexadecimal color #2f5161

This text has a font color of #2f5161.

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

#2f5161 background color

This paragraph has a background color of #2f5161.

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

#2f5161 border color

This element has a border color of #2f5161.

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

CSS codes

.text {color:#2f5161;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090f12
```
#090f12 rgb(9,15,18)
```
#0f1a1f
```
#0f1a1f rgb(15,26,31)
```
#15252c
```
#15252c rgb(21,37,44)
```
#1c3039
```
#1c3039 rgb(28,48,57)
```
#223b47
```
#223b47 rgb(34,59,71)
```
#294654
```
#294654 rgb(41,70,84)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#355c6e
```
#355c6e rgb(53,92,110)
```
#3c677b
```
#3c677b rgb(60,103,123)
```
#427289
```
#427289 rgb(66,114,137)
```
#497d96
```
#497d96 rgb(73,125,150)
```
#4f88a3
```
#4f88a3 rgb(79,136,163)
```

Shade Color Variation

#5892ae
```
#5892ae rgb(88,146,174)
```
#659bb4
```
#659bb4 rgb(101,155,180)
```
#72a4bb
```
#72a4bb rgb(114,164,187)
```
#7facc1
```
#7facc1 rgb(127,172,193)
```
#8db5c8
```
#8db5c8 rgb(141,181,200)
```
#9abdce
```
#9abdce rgb(154,189,206)
```
#a7c6d4
```
#a7c6d4 rgb(167,198,212)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#c1d7e1
```
#c1d7e1 rgb(193,215,225)
```
#cfe0e8
```
#cfe0e8 rgb(207,224,232)
```
#dce8ee
```
#dce8ee rgb(220,232,238)
```
#e9f1f4
```
#e9f1f4 rgb(233,241,244)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45494b is the less saturated color, while #03618d is the most saturated one.

#45494b
```
#45494b rgb(69,73,75)
```
#404b50
```
#404b50 rgb(64,75,80)
```
#3a4d56
```
#3a4d56 rgb(58,77,86)
```
#354f5b
```
#354f5b rgb(53,79,91)
```
#2f5161
```
#2f5161 rgb(47,81,97)
```
#295367
```
#295367 rgb(41,83,103)
```
#24556c
```
#24556c rgb(36,85,108)
```
#1e5772
```
#1e5772 rgb(30,87,114)
```
#195977
```
#195977 rgb(25,89,119)
```
#135b7d
```
#135b7d rgb(19,91,125)
```
#0e5d82
```
#0e5d82 rgb(14,93,130)
```
#085f88
```
#085f88 rgb(8,95,136)
```
#03618d
```
#03618d rgb(3,97,141)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#515566 Protanopia 1% of men
#52546b Deuteranopia 1% of men
#365b62 Tritanopia 0.001% of the population

Trichromacy

#455364 Protanomaly 1% of men, 0.01% of women
#455367 Deuteranomaly 6% of men, 0.4% of women
#345761 Tritanomaly 0.01% of the population

#2f5161 hex color

#2f5161 Color Information

#2f5161 Color Conversion

Color Schemes with #2f5161

Alternatives to #2f5161

#2f5161 Preview

Shades and Tints of #2f5161

Tones of #2f5161

Color Blindness Simulator