#2f2f57 hex color

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

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

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

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

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

CIE-LAB	21.303, 11.798, -24.242
XYZ	3.909, 3.325, 9.452
xyY	0.234, 0.199, 3.325
CIE-LCH	21.303, 26.961, 295.952
CIE-LUV	21.303, -2.079, -28.802
Hunter-Lab	18.236, 6.349, -17.967
Binary	00101111, 00101111, 01010111

#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#57572f
```
#57572f rgb(87,87,47)
```

Complementary Color

#2f4357
```
#2f4357 rgb(47,67,87)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#432f57
```
#432f57 rgb(67,47,87)
```

Analogous Color

#43572f
```
#43572f rgb(67,87,47)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#57432f
```
#57432f rgb(87,67,47)
```

Split Complementary Color

#2f572f
```
#2f572f rgb(47,87,47)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#572f2f
```
#572f2f rgb(87,47,47)
```

Triadic Color

#2f5757
```
#2f5757 rgb(47,87,87)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#572f2f
```
#572f2f rgb(87,47,47)
```
#57572f
```
#57572f rgb(87,87,47)
```

Tetradic Color

#141425
```
#141425 rgb(20,20,37)
```
#1d1d36
```
#1d1d36 rgb(29,29,54)
```
#262646
```
#262646 rgb(38,38,70)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#383868
```
#383868 rgb(56,56,104)
```
#414178
```
#414178 rgb(65,65,120)
```
#4a4a89
```
#4a4a89 rgb(74,74,137)
```

Monochromatic Color

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

#2f3957
```
#2f3957 rgb(47,57,87)
```
#2f3657
```
#2f3657 rgb(47,54,87)
```
#2f3257
```
#2f3257 rgb(47,50,87)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#322f57
```
#322f57 rgb(50,47,87)
```
#362f57
```
#362f57 rgb(54,47,87)
```
#392f57
```
#392f57 rgb(57,47,87)
```

Similar Colors

Text with hexadecimal color #2f2f57

This text has a font color of #2f2f57.

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

#2f2f57 background color

This paragraph has a background color of #2f2f57.

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

#2f2f57 border color

This element has a border color of #2f2f57.

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

CSS codes

.text {color:#2f2f57;}

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

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

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)
```
#131324
```
#131324 rgb(19,19,36)
```
#1a1a31
```
#1a1a31 rgb(26,26,49)
```
#21213e
```
#21213e rgb(33,33,62)
```
#28284a
```
#28284a rgb(40,40,74)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#363664
```
#363664 rgb(54,54,100)
```
#3d3d70
```
#3d3d70 rgb(61,61,112)
```
#44447d
```
#44447d rgb(68,68,125)
```
#4b4b8a
```
#4b4b8a rgb(75,75,138)
```
#515197
```
#515197 rgb(81,81,151)
```
#5858a3
```
#5858a3 rgb(88,88,163)
```

Shade Color Variation

#6464ab
```
#6464ab rgb(100,100,171)
```
#7171b2
```
#7171b2 rgb(113,113,178)
```
#7d7db9
```
#7d7db9 rgb(125,125,185)
```
#8a8ac0
```
#8a8ac0 rgb(138,138,192)
```
#9797c7
```
#9797c7 rgb(151,151,199)
```
#a4a4ce
```
#a4a4ce rgb(164,164,206)
```
#b0b0d5
```
#b0b0d5 rgb(176,176,213)
```
#bdbddb
```
#bdbddb rgb(189,189,219)
```
#cacae2
```
#cacae2 rgb(202,202,226)
```
#d7d7e9
```
#d7d7e9 rgb(215,215,233)
```
#e3e3f0
```
#e3e3f0 rgb(227,227,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, #3e3e48 is the less saturated color, while #010185 is the most saturated one.

#3e3e48
```
#3e3e48 rgb(62,62,72)
```
#39394d
```
#39394d rgb(57,57,77)
```
#343452
```
#343452 rgb(52,52,82)
```
#2f2f57
```
#2f2f57 rgb(47,47,87)
```
#2a2a5c
```
#2a2a5c rgb(42,42,92)
```
#252561
```
#252561 rgb(37,37,97)
```
#202066
```
#202066 rgb(32,32,102)
```
#1a1a6c
```
#1a1a6c rgb(26,26,108)
```
#151571
```
#151571 rgb(21,21,113)
```
#101076
```
#101076 rgb(16,16,118)
```
#0b0b7b
```
#0b0b7b rgb(11,11,123)
```
#060680
```
#060680 rgb(6,6,128)
```
#010185
```
#010185 rgb(1,1,133)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33333b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d3c61 Protanopia 1% of men
#293d5e Deuteranopia 1% of men
#314044 Tritanopia 0.001% of the population

Trichromacy

#2d375d Protanomaly 1% of men, 0.01% of women
#2b385b Deuteranomaly 6% of men, 0.4% of women
#30394b Tritanomaly 0.01% of the population

#2f2f57 hex color

#2f2f57 Color Information

#2f2f57 Color Conversion

Color Schemes with #2f2f57

Alternatives to #2f2f57

#2f2f57 Preview

Shades and Tints of #2f2f57

Tones of #2f2f57

Color Blindness Simulator