#2f363d hex color

In a RGB color space, hex #2f363d is composed of 18.4% red, 21.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 11.5% magenta, 0% yellow and 76.1% black. It has a hue angle of 210 degrees, a saturation of 13% and a lightness of 21.2%. #2f363d color hex could be obtained by blending #5e6c7a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 21
- B 24
RGB color chart
- C 23
- M 11
- Y 0
- K 76
CMYK color chart

● #2f363d color description : Very dark grayish blue.

The hexadecimal color #2f363d has RGB values of R:47, G:54, B:61 and CMYK values of C:0.23, M:0.11, Y:0, K:0.76. Its decimal value is 3094077.

Hex triplet	2f363d	`#2f363d`
RGB Decimal	47, 54, 61	`rgb(47,54,61)`
RGB Percent	18.4, 21.2, 23.9	`rgb(18.4%,21.2%,23.9%)`
CMYK	23, 11, 0, 76
HSL	210°, 13, 21.2	`hsl(210,13%,21.2%)`
HSV (or HSB)	210°, 23, 23.9
Web Safe	333333	`#333333`

CIE-LAB	22.23, -1.116, -5.37
XYZ	3.334, 3.58, 4.93
xyY	0.281, 0.302, 3.58
CIE-LCH	22.23, 5.485, 258.262
CIE-LUV	22.23, -3.516, -5.708
Hunter-Lab	18.92, -1.658, -2.205
Binary	00101111, 00110110, 00111101

#2f363d
```
#2f363d rgb(47,54,61)
```
#3d362f
```
#3d362f rgb(61,54,47)
```

Complementary Color

#2f3d3d
```
#2f3d3d rgb(47,61,61)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#2f2f3d
```
#2f2f3d rgb(47,47,61)
```

Analogous Color

#3d3d2f
```
#3d3d2f rgb(61,61,47)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#3d2f2f
```
#3d2f2f rgb(61,47,47)
```

Split Complementary Color

#363d2f
```
#363d2f rgb(54,61,47)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#3d2f36
```
#3d2f36 rgb(61,47,54)
```

Triadic Color

#2f3d36
```
#2f3d36 rgb(47,61,54)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#3d2f36
```
#3d2f36 rgb(61,47,54)
```
#3d362f
```
#3d362f rgb(61,54,47)
```

Tetradic Color

#0e1012
```
#0e1012 rgb(14,16,18)
```
#191d20
```
#191d20 rgb(25,29,32)
```
#24292f
```
#24292f rgb(36,41,47)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#3a434b
```
#3a434b rgb(58,67,75)
```
#45505a
```
#45505a rgb(69,80,90)
```
#505c68
```
#505c68 rgb(80,92,104)
```

Monochromatic Color

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

#2f3a3d
```
#2f3a3d rgb(47,58,61)
```
#2f383d
```
#2f383d rgb(47,56,61)
```
#2f373d
```
#2f373d rgb(47,55,61)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#2f353d
```
#2f353d rgb(47,53,61)
```
#2f343d
```
#2f343d rgb(47,52,61)
```
#2f333d
```
#2f333d rgb(47,51,61)
```

Similar Colors

Text with hexadecimal color #2f363d

This text has a font color of #2f363d.

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

#2f363d background color

This paragraph has a background color of #2f363d.

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

#2f363d border color

This element has a border color of #2f363d.

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

CSS codes

.text {color:#2f363d;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0d0f11
```
#0d0f11 rgb(13,15,17)
```
#15191c
```
#15191c rgb(21,25,28)
```
#1e2227
```
#1e2227 rgb(30,34,39)
```
#262c32
```
#262c32 rgb(38,44,50)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#384048
```
#384048 rgb(56,64,72)
```
#404a53
```
#404a53 rgb(64,74,83)
```
#49535e
```
#49535e rgb(73,83,94)
```
#515d69
```
#515d69 rgb(81,93,105)
```
#5a6774
```
#5a6774 rgb(90,103,116)
```
#62717f
```
#62717f rgb(98,113,127)
```
#6b7b8b
```
#6b7b8b rgb(107,123,139)
```

Shade Color Variation

#758494
```
#758494 rgb(117,132,148)
```
#808e9d
```
#808e9d rgb(128,142,157)
```
#8b98a5
```
#8b98a5 rgb(139,152,165)
```
#96a2ae
```
#96a2ae rgb(150,162,174)
```
#a1acb6
```
#a1acb6 rgb(161,172,182)
```
#acb6bf
```
#acb6bf rgb(172,182,191)
```
#b7bfc8
```
#b7bfc8 rgb(183,191,200)
```
#c2c9d0
```
#c2c9d0 rgb(194,201,208)
```
#cdd3d9
```
#cdd3d9 rgb(205,211,217)
```
#d8dde1
```
#d8dde1 rgb(216,221,225)
```
#e3e7ea
```
#e3e7ea rgb(227,231,234)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#333639
```
#333639 rgb(51,54,57)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#2b3641
```
#2b3641 rgb(43,54,65)
```
#273645
```
#273645 rgb(39,54,69)
```
#233649
```
#233649 rgb(35,54,73)
```
#1e364e
```
#1e364e rgb(30,54,78)
```
#1a3652
```
#1a3652 rgb(26,54,82)
```
#163656
```
#163656 rgb(22,54,86)
```
#12365a
```
#12365a rgb(18,54,90)
```
#0e365e
```
#0e365e rgb(14,54,94)
```
#0a3662
```
#0a3662 rgb(10,54,98)
```
#053667
```
#053667 rgb(5,54,103)
```
#01366b
```
#01366b rgb(1,54,107)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343537 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3f46 Protanopia 1% of men
#413e47 Deuteranopia 1% of men
#394045 Tritanopia 0.001% of the population

Trichromacy

#383b42 Protanomaly 1% of men, 0.01% of women
#3a3b43 Deuteranomaly 6% of men, 0.4% of women
#353c42 Tritanomaly 0.01% of the population

#2f363d hex color

#2f363d Color Information

#2f363d Color Conversion

Color Schemes with #2f363d

Alternatives to #2f363d

#2f363d Preview

Shades and Tints of #2f363d

Tones of #2f363d

Color Blindness Simulator