#2f415f hex color

In a RGB color space, hex #2f415f is composed of 18.4% red, 25.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 31.6% magenta, 0% yellow and 62.7% black. It has a hue angle of 217.5 degrees, a saturation of 33.8% and a lightness of 27.8%. #2f415f color hex could be obtained by blending #5e82be with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 25
- B 37
RGB color chart
- C 51
- M 32
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #2f415f has RGB values of R:47, G:65, B:95 and CMYK values of C:0.51, M:0.32, Y:0, K:0.63. Its decimal value is 3096927.

Hex triplet	2f415f	`#2f415f`
RGB Decimal	47, 65, 95	`rgb(47,65,95)`
RGB Percent	18.4, 25.5, 37.3	`rgb(18.4%,25.5%,37.3%)`
CMYK	51, 32, 0, 63
HSL	217.5°, 33.8, 27.8	`hsl(217.5,33.8%,27.8%)`
HSV (or HSB)	217.5°, 50.5, 37.3
Web Safe	333366	`#333366`

CIE-LAB	27.327, 2.172, -20.004
XYZ	5.128, 5.211, 11.561
xyY	0.234, 0.238, 5.211
CIE-LCH	27.327, 20.122, 276.198
CIE-LUV	27.327, -8.521, -25.156
Hunter-Lab	22.827, 0.148, -14.049
Binary	00101111, 01000001, 01011111

#2f415f
```
#2f415f rgb(47,65,95)
```
#5f4d2f
```
#5f4d2f rgb(95,77,47)
```

Complementary Color

#2f595f
```
#2f595f rgb(47,89,95)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#352f5f
```
#352f5f rgb(53,47,95)
```

Analogous Color

#595f2f
```
#595f2f rgb(89,95,47)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#5f352f
```
#5f352f rgb(95,53,47)
```

Split Complementary Color

#415f2f
```
#415f2f rgb(65,95,47)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#5f2f41
```
#5f2f41 rgb(95,47,65)
```

Triadic Color

#2f5f4d
```
#2f5f4d rgb(47,95,77)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#5f2f41
```
#5f2f41 rgb(95,47,65)
```
#5f4d2f
```
#5f4d2f rgb(95,77,47)
```

Tetradic Color

#161e2c
```
#161e2c rgb(22,30,44)
```
#1e2a3d
```
#1e2a3d rgb(30,42,61)
```
#27354e
```
#27354e rgb(39,53,78)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#374d70
```
#374d70 rgb(55,77,112)
```
#405881
```
#405881 rgb(64,88,129)
```
#486492
```
#486492 rgb(72,100,146)
```

Monochromatic Color

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

#2f4d5f
```
#2f4d5f rgb(47,77,95)
```
#2f495f
```
#2f495f rgb(47,73,95)
```
#2f455f
```
#2f455f rgb(47,69,95)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#2f3d5f
```
#2f3d5f rgb(47,61,95)
```
#2f395f
```
#2f395f rgb(47,57,95)
```
#2f355f
```
#2f355f rgb(47,53,95)
```

Similar Colors

Text with hexadecimal color #2f415f

This text has a font color of #2f415f.

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

#2f415f background color

This paragraph has a background color of #2f415f.

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

#2f415f border color

This element has a border color of #2f415f.

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

CSS codes

.text {color:#2f415f;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080b10
```
#080b10 rgb(8,11,16)
```
#0f141d
```
#0f141d rgb(15,20,29)
```
#151d2b
```
#151d2b rgb(21,29,43)
```
#1c2638
```
#1c2638 rgb(28,38,56)
```
#222f45
```
#222f45 rgb(34,47,69)
```
#293852
```
#293852 rgb(41,56,82)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#354a6c
```
#354a6c rgb(53,74,108)
```
#3c5379
```
#3c5379 rgb(60,83,121)
```
#425c86
```
#425c86 rgb(66,92,134)
```
#496593
```
#496593 rgb(73,101,147)
```
#4f6ea1
```
#4f6ea1 rgb(79,110,161)
```

Shade Color Variation

#5877ac
```
#5877ac rgb(88,119,172)
```
#6582b3
```
#6582b3 rgb(101,130,179)
```
#728db9
```
#728db9 rgb(114,141,185)
```
#7f97c0
```
#7f97c0 rgb(127,151,192)
```
#8ca2c6
```
#8ca2c6 rgb(140,162,198)
```
#99accd
```
#99accd rgb(153,172,205)
```
#a6b7d3
```
#a6b7d3 rgb(166,183,211)
```
#b3c2da
```
#b3c2da rgb(179,194,218)
```
#c1cce0
```
#c1cce0 rgb(193,204,224)
```
#ced7e7
```
#ced7e7 rgb(206,215,231)
```
#dbe2ed
```
#dbe2ed rgb(219,226,237)
```
#e8ecf4
```
#e8ecf4 rgb(232,236,244)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

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

#454649
```
#454649 rgb(69,70,73)
```
#3f454f
```
#3f454f rgb(63,69,79)
```
#3a4454
```
#3a4454 rgb(58,68,84)
```
#34425a
```
#34425a rgb(52,66,90)
```
#2f415f
```
#2f415f rgb(47,65,95)
```
#2a4064
```
#2a4064 rgb(42,64,100)
```
#243e6a
```
#243e6a rgb(36,62,106)
```
#1f3d6f
```
#1f3d6f rgb(31,61,111)
```
#193c75
```
#193c75 rgb(25,60,117)
```
#143a7a
```
#143a7a rgb(20,58,122)
```
#0e3980
```
#0e3980 rgb(14,57,128)
```
#093785
```
#093785 rgb(9,55,133)
```
#03368b
```
#03368b rgb(3,54,139)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3f45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#404966 Protanopia 1% of men
#3e4967 Deuteranopia 1% of men
#324e54 Tritanopia 0.001% of the population

Trichromacy

#3a4663 Protanomaly 1% of men, 0.01% of women
#384664 Deuteranomaly 6% of men, 0.4% of women
#314958 Tritanomaly 0.01% of the population

#2f415f hex color

#2f415f Color Information

#2f415f Color Conversion

Color Schemes with #2f415f

Alternatives to #2f415f

#2f415f Preview

Shades and Tints of #2f415f

Tones of #2f415f

Color Blindness Simulator