#2f3157 hex color

In a RGB color space, hex #2f3157 is composed of 18.4% red, 19.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 43.7% magenta, 0% yellow and 65.9% black. It has a hue angle of 237 degrees, a saturation of 29.9% and a lightness of 26.3%. #2f3157 color hex could be obtained by blending #5e62ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 19
- B 34
RGB color chart
- C 46
- M 44
- Y 0
- K 66
CMYK color chart

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

The hexadecimal color #2f3157 has RGB values of R:47, G:49, B:87 and CMYK values of C:0.46, M:0.44, Y:0, K:0.66. Its decimal value is 3092823.

Hex triplet	2f3157	`#2f3157`
RGB Decimal	47, 49, 87	`rgb(47,49,87)`
RGB Percent	18.4, 19.2, 34.1	`rgb(18.4%,19.2%,34.1%)`
CMYK	46, 44, 0, 66
HSL	237°, 29.9, 26.3	`hsl(237,29.9%,26.3%)`
HSV (or HSB)	237°, 46, 34.1
Web Safe	333366	`#333366`

CIE-LAB	21.904, 10.399, -23.289
XYZ	3.991, 3.489, 9.479
xyY	0.235, 0.206, 3.489
CIE-LCH	21.904, 25.506, 294.062
CIE-LUV	21.904, -2.712, -27.874
Hunter-Lab	18.679, 5.447, -17.014
Binary	00101111, 00110001, 01010111

#2f3157
```
#2f3157 rgb(47,49,87)
```
#57552f
```
#57552f rgb(87,85,47)
```

Complementary Color

#2f4557
```
#2f4557 rgb(47,69,87)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#412f57
```
#412f57 rgb(65,47,87)
```

Analogous Color

#45572f
```
#45572f rgb(69,87,47)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#57412f
```
#57412f rgb(87,65,47)
```

Split Complementary Color

#31572f
```
#31572f rgb(49,87,47)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#572f31
```
#572f31 rgb(87,47,49)
```

Triadic Color

#2f5755
```
#2f5755 rgb(47,87,85)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#572f31
```
#572f31 rgb(87,47,49)
```
#57552f
```
#57552f rgb(87,85,47)
```

Tetradic Color

#141525
```
#141525 rgb(20,21,37)
```
#1d1e36
```
#1d1e36 rgb(29,30,54)
```
#262846
```
#262846 rgb(38,40,70)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#383a68
```
#383a68 rgb(56,58,104)
```
#414478
```
#414478 rgb(65,68,120)
```
#4a4d89
```
#4a4d89 rgb(74,77,137)
```

Monochromatic Color

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

#2f3b57
```
#2f3b57 rgb(47,59,87)
```
#2f3857
```
#2f3857 rgb(47,56,87)
```
#2f3457
```
#2f3457 rgb(47,52,87)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#342f57
```
#342f57 rgb(52,47,87)
```
#372f57
```
#372f57 rgb(55,47,87)
```

Similar Colors

Text with hexadecimal color #2f3157

This text has a font color of #2f3157.

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

#2f3157 background color

This paragraph has a background color of #2f3157.

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

#2f3157 border color

This element has a border color of #2f3157.

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

CSS codes

.text {color:#2f3157;}

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

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

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

#06060b
```
#06060b rgb(6,6,11)
```
#0d0d17
```
#0d0d17 rgb(13,13,23)
```
#131424
```
#131424 rgb(19,20,36)
```
#1a1b31
```
#1a1b31 rgb(26,27,49)
```
#21233e
```
#21233e rgb(33,35,62)
```
#282a4a
```
#282a4a rgb(40,42,74)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#363864
```
#363864 rgb(54,56,100)
```
#3d3f70
```
#3d3f70 rgb(61,63,112)
```
#44477d
```
#44477d rgb(68,71,125)
```
#4b4e8a
```
#4b4e8a rgb(75,78,138)
```
#515597
```
#515597 rgb(81,85,151)
```
#585ca3
```
#585ca3 rgb(88,92,163)
```

Shade Color Variation

#6468ab
```
#6468ab rgb(100,104,171)
```
#7174b2
```
#7174b2 rgb(113,116,178)
```
#7d80b9
```
#7d80b9 rgb(125,128,185)
```
#8a8dc0
```
#8a8dc0 rgb(138,141,192)
```
#9799c7
```
#9799c7 rgb(151,153,199)
```
#a4a6ce
```
#a4a6ce rgb(164,166,206)
```
#b0b2d5
```
#b0b2d5 rgb(176,178,213)
```
#bdbfdb
```
#bdbfdb rgb(189,191,219)
```
#cacbe2
```
#cacbe2 rgb(202,203,226)
```
#d7d8e9
```
#d7d8e9 rgb(215,216,233)
```
#e3e4f0
```
#e3e4f0 rgb(227,228,240)
```
#f0f0f7
```
#f0f0f7 rgb(240,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#3e3f48
```
#3e3f48 rgb(62,63,72)
```
#393a4d
```
#393a4d rgb(57,58,77)
```
#343652
```
#343652 rgb(52,54,82)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#2a2c5c
```
#2a2c5c rgb(42,44,92)
```
#252861
```
#252861 rgb(37,40,97)
```
#202366
```
#202366 rgb(32,35,102)
```
#1a1e6c
```
#1a1e6c rgb(26,30,108)
```
#151a71
```
#151a71 rgb(21,26,113)
```
#101576
```
#101576 rgb(16,21,118)
```
#0b117b
```
#0b117b rgb(11,17,123)
```
#060c80
```
#060c80 rgb(6,12,128)
```
#010785
```
#010785 rgb(1,7,133)
```

Tone Color Variation

Below, you can see how #2f3157 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
#34343c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3d61 Protanopia 1% of men
#2c3f5e Deuteranopia 1% of men
#314146 Tritanopia 0.001% of the population

Trichromacy

#2f395d Protanomaly 1% of men, 0.01% of women
#2d395b Deuteranomaly 6% of men, 0.4% of women
#303b4c Tritanomaly 0.01% of the population

#2f3157 hex color

#2f3157 Color Information

#2f3157 Color Conversion

Color Schemes with #2f3157

Alternatives to #2f3157

#2f3157 Preview

Shades and Tints of #2f3157

Tones of #2f3157

Color Blindness Simulator