#2f4858 hex color

In a RGB color space, hex #2f4858 is composed of 18.4% red, 28.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 18.2% magenta, 0% yellow and 65.5% black. It has a hue angle of 203.4 degrees, a saturation of 30.4% and a lightness of 26.5%. #2f4858 color hex could be obtained by blending #5e90b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 28
- B 35
RGB color chart
- C 47
- M 18
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2f4858 has RGB values of R:47, G:72, B:88 and CMYK values of C:0.47, M:0.18, Y:0, K:0.65. Its decimal value is 3098712.

Hex triplet	2f4858	`#2f4858`
RGB Decimal	47, 72, 88	`rgb(47,72,88)`
RGB Percent	18.4, 28.2, 34.5	`rgb(18.4%,28.2%,34.5%)`
CMYK	47, 18, 0, 65
HSL	203.4°, 30.4, 26.5	`hsl(203.4,30.4%,26.5%)`
HSV (or HSB)	203.4°, 46.6, 34.5
Web Safe	333366	`#333366`

CIE-LAB	29.269, -4.699, -12.492
XYZ	5.251, 5.943, 10.102
xyY	0.247, 0.279, 5.943
CIE-LCH	29.269, 13.347, 249.388
CIE-LUV	29.269, -11.197, -14.997
Hunter-Lab	24.379, -4.219, -7.504
Binary	00101111, 01001000, 01011000

#2f4858
```
#2f4858 rgb(47,72,88)
```
#583f2f
```
#583f2f rgb(88,63,47)
```

Complementary Color

#2f5854
```
#2f5854 rgb(47,88,84)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#2f3458
```
#2f3458 rgb(47,52,88)
```

Analogous Color

#58542f
```
#58542f rgb(88,84,47)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#582f34
```
#582f34 rgb(88,47,52)
```

Split Complementary Color

#48582f
```
#48582f rgb(72,88,47)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#582f48
```
#582f48 rgb(88,47,72)
```

Triadic Color

#2f583f
```
#2f583f rgb(47,88,63)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#582f48
```
#582f48 rgb(88,47,72)
```
#583f2f
```
#583f2f rgb(88,63,47)
```

Tetradic Color

#141f26
```
#141f26 rgb(20,31,38)
```
#1d2d37
```
#1d2d37 rgb(29,45,55)
```
#263a47
```
#263a47 rgb(38,58,71)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#385669
```
#385669 rgb(56,86,105)
```
#416379
```
#416379 rgb(65,99,121)
```
#4a718a
```
#4a718a rgb(74,113,138)
```

Monochromatic Color

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

#2f5258
```
#2f5258 rgb(47,82,88)
```
#2f4f58
```
#2f4f58 rgb(47,79,88)
```
#2f4b58
```
#2f4b58 rgb(47,75,88)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#2f4558
```
#2f4558 rgb(47,69,88)
```
#2f4158
```
#2f4158 rgb(47,65,88)
```
#2f3e58
```
#2f3e58 rgb(47,62,88)
```

Similar Colors

Text with hexadecimal color #2f4858

This text has a font color of #2f4858.

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

#2f4858 background color

This paragraph has a background color of #2f4858.

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

#2f4858 border color

This element has a border color of #2f4858.

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

CSS codes

.text {color:#2f4858;}

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

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

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, #06090b is the darkest color, while #fdfefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0d1418
```
#0d1418 rgb(13,20,24)
```
#141e25
```
#141e25 rgb(20,30,37)
```
#1b2932
```
#1b2932 rgb(27,41,50)
```
#21333e
```
#21333e rgb(33,51,62)
```
#283e4b
```
#283e4b rgb(40,62,75)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#365265
```
#365265 rgb(54,82,101)
```
#3d5d72
```
#3d5d72 rgb(61,93,114)
```
#43677e
```
#43677e rgb(67,103,126)
```
#4a728b
```
#4a728b rgb(74,114,139)
```
#517c98
```
#517c98 rgb(81,124,152)
```
#5887a5
```
#5887a5 rgb(88,135,165)
```

Shade Color Variation

#6490ac
```
#6490ac rgb(100,144,172)
```
#7199b3
```
#7199b3 rgb(113,153,179)
```
#7ea2ba
```
#7ea2ba rgb(126,162,186)
```
#8aacc1
```
#8aacc1 rgb(138,172,193)
```
#97b5c8
```
#97b5c8 rgb(151,181,200)
```
#a4bece
```
#a4bece rgb(164,190,206)
```
#b1c7d5
```
#b1c7d5 rgb(177,199,213)
```
#bed0dc
```
#bed0dc rgb(190,208,220)
```
#cad9e3
```
#cad9e3 rgb(202,217,227)
```
#d7e2ea
```
#d7e2ea rgb(215,226,234)
```
#e4ecf1
```
#e4ecf1 rgb(228,236,241)
```
#f1f5f7
```
#f1f5f7 rgb(241,245,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3f4548
```
#3f4548 rgb(63,69,72)
```
#39464e
```
#39464e rgb(57,70,78)
```
#344753
```
#344753 rgb(52,71,83)
```
#2f4858
```
#2f4858 rgb(47,72,88)
```
#2a495d
```
#2a495d rgb(42,73,93)
```
#254a62
```
#254a62 rgb(37,74,98)
```
#1f4b68
```
#1f4b68 rgb(31,75,104)
```
#1a4d6d
```
#1a4d6d rgb(26,77,109)
```
#154e72
```
#154e72 rgb(21,78,114)
```
#104f77
```
#104f77 rgb(16,79,119)
```
#0b507c
```
#0b507c rgb(11,80,124)
```
#055182
```
#055182 rgb(5,81,130)
```
#005287
```
#005287 rgb(0,82,135)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e4346 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4d5e Protanopia 1% of men
#4b4d62 Deuteranopia 1% of men
#375258 Tritanopia 0.001% of the population

Trichromacy

#404b5c Protanomaly 1% of men, 0.01% of women
#404b5e Deuteranomaly 6% of men, 0.4% of women
#344e58 Tritanomaly 0.01% of the population

#2f4858 hex color

#2f4858 Color Information

#2f4858 Color Conversion

Color Schemes with #2f4858

Alternatives to #2f4858

#2f4858 Preview

Shades and Tints of #2f4858

Tones of #2f4858

Color Blindness Simulator