#2f3246 hex color

In a RGB color space, hex #2f3246 is composed of 18.4% red, 19.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 28.6% magenta, 0% yellow and 72.5% black. It has a hue angle of 232.2 degrees, a saturation of 19.7% and a lightness of 22.9%. #2f3246 color hex could be obtained by blending #5e648c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 20
- B 27
RGB color chart
- C 33
- M 29
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #2f3246 has RGB values of R:47, G:50, B:70 and CMYK values of C:0.33, M:0.29, Y:0, K:0.73. Its decimal value is 3093062.

Hex triplet	2f3246	`#2f3246`
RGB Decimal	47, 50, 70	`rgb(47,50,70)`
RGB Percent	18.4, 19.6, 27.5	`rgb(18.4%,19.6%,27.5%)`
CMYK	33, 29, 0, 73
HSL	232.2°, 19.7, 22.9	`hsl(232.2,19.7%,22.9%)`
HSV (or HSB)	232.2°, 32.9, 27.5
Web Safe	333333	`#333333`

CIE-LAB	21.311, 4.216, -12.846
XYZ	3.418, 3.328, 6.256
xyY	0.263, 0.256, 3.328
CIE-LCH	21.311, 13.52, 288.169
CIE-LUV	21.311, -2.275, -14.674
Hunter-Lab	18.242, 1.524, -7.565
Binary	00101111, 00110010, 01000110

#2f3246
```
#2f3246 rgb(47,50,70)
```
#46432f
```
#46432f rgb(70,67,47)
```

Complementary Color

#2f3e46
```
#2f3e46 rgb(47,62,70)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#382f46
```
#382f46 rgb(56,47,70)
```

Analogous Color

#3e462f
```
#3e462f rgb(62,70,47)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#46382f
```
#46382f rgb(70,56,47)
```

Split Complementary Color

#32462f
```
#32462f rgb(50,70,47)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#462f32
```
#462f32 rgb(70,47,50)
```

Triadic Color

#2f4643
```
#2f4643 rgb(47,70,67)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#462f32
```
#462f32 rgb(70,47,50)
```
#46432f
```
#46432f rgb(70,67,47)
```

Tetradic Color

#101118
```
#101118 rgb(16,17,24)
```
#1b1c27
```
#1b1c27 rgb(27,28,39)
```
#252737
```
#252737 rgb(37,39,55)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#393d55
```
#393d55 rgb(57,61,85)
```
#434865
```
#434865 rgb(67,72,101)
```
#4e5374
```
#4e5374 rgb(78,83,116)
```

Monochromatic Color

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

#2f3846
```
#2f3846 rgb(47,56,70)
```
#2f3646
```
#2f3646 rgb(47,54,70)
```
#2f3446
```
#2f3446 rgb(47,52,70)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#2f3046
```
#2f3046 rgb(47,48,70)
```
#302f46
```
#302f46 rgb(48,47,70)
```
#322f46
```
#322f46 rgb(50,47,70)
```

Similar Colors

Text with hexadecimal color #2f3246

This text has a font color of #2f3246.

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

#2f3246 background color

This paragraph has a background color of #2f3246.

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

#2f3246 border color

This element has a border color of #2f3246.

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

CSS codes

.text {color:#2f3246;}

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

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

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

#08080b
```
#08080b rgb(8,8,11)
```
#0f1017
```
#0f1017 rgb(15,16,23)
```
#171923
```
#171923 rgb(23,25,35)
```
#1f212f
```
#1f212f rgb(31,33,47)
```
#272a3a
```
#272a3a rgb(39,42,58)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#373a52
```
#373a52 rgb(55,58,82)
```
#3f435d
```
#3f435d rgb(63,67,93)
```
#474b69
```
#474b69 rgb(71,75,105)
```
#4f5475
```
#4f5475 rgb(79,84,117)
```
#565c81
```
#565c81 rgb(86,92,129)
```
#5e648c
```
#5e648c rgb(94,100,140)
```
#666d98
```
#666d98 rgb(102,109,152)
```

Shade Color Variation

#7278a0
```
#7278a0 rgb(114,120,160)
```
#7d83a8
```
#7d83a8 rgb(125,131,168)
```
#898eb0
```
#898eb0 rgb(137,142,176)
```
#959ab8
```
#959ab8 rgb(149,154,184)
```
#a1a5c0
```
#a1a5c0 rgb(161,165,192)
```
#acb0c8
```
#acb0c8 rgb(172,176,200)
```
#b8bbcf
```
#b8bbcf rgb(184,187,207)
```
#c4c6d7
```
#c4c6d7 rgb(196,198,215)
```
#d0d2df
```
#d0d2df rgb(208,210,223)
```
#dbdde7
```
#dbdde7 rgb(219,221,231)
```
#e7e8ef
```
#e7e8ef rgb(231,232,239)
```
#f3f3f7
```
#f3f3f7 rgb(243,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#38393d
```
#38393d rgb(56,57,61)
```
#343542
```
#343542 rgb(52,53,66)
```
#2f3246
```
#2f3246 rgb(47,50,70)
```
#2b2f4b
```
#2b2f4b rgb(43,47,75)
```
#262b4f
```
#262b4f rgb(38,43,79)
```
#222854
```
#222854 rgb(34,40,84)
```
#1d2558
```
#1d2558 rgb(29,37,88)
```
#19215d
```
#19215d rgb(25,33,93)
```
#141e61
```
#141e61 rgb(20,30,97)
```
#101b66
```
#101b66 rgb(16,27,102)
```
#0b176a
```
#0b176a rgb(11,23,106)
```
#07146f
```
#07146f rgb(7,20,111)
```
#021173
```
#021173 rgb(2,17,115)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323337 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383d4f Protanopia 1% of men
#393c4f Deuteranopia 1% of men
#363f43 Tritanopia 0.001% of the population

Trichromacy

#34394c Protanomaly 1% of men, 0.01% of women
#35384c Deuteranomaly 6% of men, 0.4% of women
#333a44 Tritanomaly 0.01% of the population

#2f3246 hex color

#2f3246 Color Information

#2f3246 Color Conversion

Color Schemes with #2f3246

Alternatives to #2f3246

#2f3246 Preview

Shades and Tints of #2f3246

Tones of #2f3246

Color Blindness Simulator