#2f376d hex color

In a RGB color space, hex #2f376d is composed of 18.4% red, 21.6% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 49.5% magenta, 0% yellow and 57.3% black. It has a hue angle of 232.3 degrees, a saturation of 39.7% and a lightness of 30.6%. #2f376d color hex could be obtained by blending #5e6eda with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 43
RGB color chart
- C 57
- M 50
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #2f376d has RGB values of R:47, G:55, B:109 and CMYK values of C:0.57, M:0.5, Y:0, K:0.57. Its decimal value is 3094381.

Hex triplet	2f376d	`#2f376d`
RGB Decimal	47, 55, 109	`rgb(47,55,109)`
RGB Percent	18.4, 21.6, 42.7	`rgb(18.4%,21.6%,42.7%)`
CMYK	57, 50, 0, 57
HSL	232.3°, 39.7, 30.6	`hsl(232.3,39.7%,30.6%)`
HSV (or HSB)	232.3°, 56.9, 42.7
Web Safe	333366	`#333366`

CIE-LAB	25.078, 13.941, -32.574
XYZ	5.298, 4.441, 15.045
xyY	0.214, 0.179, 4.441
CIE-LCH	25.078, 35.432, 293.171
CIE-LUV	25.078, -5.467, -41.363
Hunter-Lab	21.073, 8.002, -27.58
Binary	00101111, 00110111, 01101101

#2f376d
```
#2f376d rgb(47,55,109)
```
#6d652f
```
#6d652f rgb(109,101,47)
```

Complementary Color

#2f566d
```
#2f566d rgb(47,86,109)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#462f6d
```
#462f6d rgb(70,47,109)
```

Analogous Color

#566d2f
```
#566d2f rgb(86,109,47)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#6d462f
```
#6d462f rgb(109,70,47)
```

Split Complementary Color

#376d2f
```
#376d2f rgb(55,109,47)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#6d2f37
```
#6d2f37 rgb(109,47,55)
```

Triadic Color

#2f6d65
```
#2f6d65 rgb(47,109,101)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#6d2f37
```
#6d2f37 rgb(109,47,55)
```
#6d652f
```
#6d652f rgb(109,101,47)
```

Tetradic Color

#181c38
```
#181c38 rgb(24,28,56)
```
#202549
```
#202549 rgb(32,37,73)
```
#272e5b
```
#272e5b rgb(39,46,91)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#37407f
```
#37407f rgb(55,64,127)
```
#3e4991
```
#3e4991 rgb(62,73,145)
```
#4652a2
```
#4652a2 rgb(70,82,162)
```

Monochromatic Color

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

#2f476d
```
#2f476d rgb(47,71,109)
```
#2f416d
```
#2f416d rgb(47,65,109)
```
#2f3c6d
```
#2f3c6d rgb(47,60,109)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#2f326d
```
#2f326d rgb(47,50,109)
```
#312f6d
```
#312f6d rgb(49,47,109)
```
#372f6d
```
#372f6d rgb(55,47,109)
```

Similar Colors

Text with hexadecimal color #2f376d

This text has a font color of #2f376d.

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

#2f376d background color

This paragraph has a background color of #2f376d.

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

#2f376d border color

This element has a border color of #2f376d.

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

CSS codes

.text {color:#2f376d;}

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

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

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, #06070d is the darkest color, while #fefeff is the lightest one.

#06070d
```
#06070d rgb(6,7,13)
```
#0c0e1b
```
#0c0e1b rgb(12,14,27)
```
#111428
```
#111428 rgb(17,20,40)
```
#171b36
```
#171b36 rgb(23,27,54)
```
#1d2244
```
#1d2244 rgb(29,34,68)
```
#232952
```
#232952 rgb(35,41,82)
```
#29305f
```
#29305f rgb(41,48,95)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#353e7b
```
#353e7b rgb(53,62,123)
```
#3b4588
```
#3b4588 rgb(59,69,136)
```
#414c96
```
#414c96 rgb(65,76,150)
```
#4753a4
```
#4753a4 rgb(71,83,164)
```
#4d5ab2
```
#4d5ab2 rgb(77,90,178)
```

Shade Color Variation

#5a66b8
```
#5a66b8 rgb(90,102,184)
```
#6873be
```
#6873be rgb(104,115,190)
```
#757fc4
```
#757fc4 rgb(117,127,196)
```
#838cca
```
#838cca rgb(131,140,202)
```
#9199cf
```
#9199cf rgb(145,153,207)
```
#9ea6d5
```
#9ea6d5 rgb(158,166,213)
```
#acb2db
```
#acb2db rgb(172,178,219)
```
#babfe1
```
#babfe1 rgb(186,191,225)
```
#c8cce7
```
#c8cce7 rgb(200,204,231)
```
#d5d8ed
```
#d5d8ed rgb(213,216,237)
```
#e3e5f3
```
#e3e5f3 rgb(227,229,243)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#4d4d4f
```
#4d4d4f rgb(77,77,79)
```
#474955
```
#474955 rgb(71,73,85)
```
#41445b
```
#41445b rgb(65,68,91)
```
#3b4061
```
#3b4061 rgb(59,64,97)
```
#353b67
```
#353b67 rgb(53,59,103)
```
#2f376d
```
#2f376d rgb(47,55,109)
```
#293373
```
#293373 rgb(41,51,115)
```
#232e79
```
#232e79 rgb(35,46,121)
```
#1d2a7f
```
#1d2a7f rgb(29,42,127)
```
#172585
```
#172585 rgb(23,37,133)
```
#11218b
```
#11218b rgb(17,33,139)
```
#0b1c91
```
#0b1c91 rgb(11,28,145)
```
#051897
```
#051897 rgb(5,24,151)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393a45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a4476 Protanopia 1% of men
#1d4672 Deuteranopia 1% of men
#284a4f Tritanopia 0.001% of the population

Trichromacy

#2c3f73 Protanomaly 1% of men, 0.01% of women
#234070 Deuteranomaly 6% of men, 0.4% of women
#2b435a Tritanomaly 0.01% of the population

#2f376d hex color

#2f376d Color Information

#2f376d Color Conversion

Color Schemes with #2f376d

Alternatives to #2f376d

#2f376d Preview

Shades and Tints of #2f376d

Tones of #2f376d

Color Blindness Simulator