#2f1686 hex color

In a RGB color space, hex #2f1686 is composed of 18.4% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 83.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 253.4 degrees, a saturation of 71.8% and a lightness of 30.6%. #2f1686 color hex could be obtained by blending #5e2cff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 18
- G 9
- B 53
RGB color chart
- C 65
- M 84
- Y 0
- K 47
CMYK color chart

● #2f1686 color description : Dark blue.

The hexadecimal color #2f1686 has RGB values of R:47, G:22, B:134 and CMYK values of C:0.65, M:0.84, Y:0, K:0.47. Its decimal value is 3085958.

Hex triplet	2f1686	`#2f1686`
RGB Decimal	47, 22, 134	`rgb(47,22,134)`
RGB Percent	18.4, 8.6, 52.5	`rgb(18.4%,8.6%,52.5%)`
CMYK	65, 84, 0, 47
HSL	253.4°, 71.8, 30.6	`hsl(253.4,71.8%,30.6%)`
HSV (or HSB)	253.4°, 83.6, 52.5
Web Safe	330099	`#330099`

CIE-LAB	19.635, 42.811, -57.34
XYZ	5.761, 2.899, 22.809
xyY	0.183, 0.092, 2.899
CIE-LCH	19.635, 71.559, 306.746
CIE-LUV	19.635, -0.51, -62.948
Hunter-Lab	17.027, 30.603, -67.505
Binary	00101111, 00010110, 10000110

#2f1686
```
#2f1686 rgb(47,22,134)
```
#6d8616
```
#6d8616 rgb(109,134,22)
```

Complementary Color

#163586
```
#163586 rgb(22,53,134)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#671686
```
#671686 rgb(103,22,134)
```

Analogous Color

#358616
```
#358616 rgb(53,134,22)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#866716
```
#866716 rgb(134,103,22)
```

Split Complementary Color

#16862f
```
#16862f rgb(22,134,47)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#862f16
```
#862f16 rgb(134,47,22)
```

Triadic Color

#166d86
```
#166d86 rgb(22,109,134)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#862f16
```
#862f16 rgb(134,47,22)
```
#6d8616
```
#6d8616 rgb(109,134,22)
```

Tetradic Color

#180b44
```
#180b44 rgb(24,11,68)
```
#200f5a
```
#200f5a rgb(32,15,90)
```
#271270
```
#271270 rgb(39,18,112)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#371a9c
```
#371a9c rgb(55,26,156)
```
#3e1db2
```
#3e1db2 rgb(62,29,178)
```
#4621c8
```
#4621c8 rgb(70,33,200)
```

Monochromatic Color

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

#161986
```
#161986 rgb(22,25,134)
```
#1c1686
```
#1c1686 rgb(28,22,134)
```
#261686
```
#261686 rgb(38,22,134)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#381686
```
#381686 rgb(56,22,134)
```
#421686
```
#421686 rgb(66,22,134)
```
#4b1686
```
#4b1686 rgb(75,22,134)
```

Similar Colors

Text with hexadecimal color #2f1686

This text has a font color of #2f1686.

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

#2f1686 background color

This paragraph has a background color of #2f1686.

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

#2f1686 border color

This element has a border color of #2f1686.

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

CSS codes

.text {color:#2f1686;}

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

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

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

#060310
```
#060310 rgb(6,3,16)
```
#0c0521
```
#0c0521 rgb(12,5,33)
```
#110832
```
#110832 rgb(17,8,50)
```
#170b43
```
#170b43 rgb(23,11,67)
```
#1d0e53
```
#1d0e53 rgb(29,14,83)
```
#231064
```
#231064 rgb(35,16,100)
```
#291375
```
#291375 rgb(41,19,117)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#351997
```
#351997 rgb(53,25,151)
```
#3b1ca8
```
#3b1ca8 rgb(59,28,168)
```
#411eb9
```
#411eb9 rgb(65,30,185)
```
#4721c9
```
#4721c9 rgb(71,33,201)
```
#4d24da
```
#4d24da rgb(77,36,218)
```

Shade Color Variation

#5a34de
```
#5a34de rgb(90,52,222)
```
#6845e0
```
#6845e0 rgb(104,69,224)
```
#7556e3
```
#7556e3 rgb(117,86,227)
```
#8367e6
```
#8367e6 rgb(131,103,230)
```
#9177e9
```
#9177e9 rgb(145,119,233)
```
#9e88ec
```
#9e88ec rgb(158,136,236)
```
#ac99ee
```
#ac99ee rgb(172,153,238)
```
#baaaf1
```
#baaaf1 rgb(186,170,241)
```
#c8bbf4
```
#c8bbf4 rgb(200,187,244)
```
#d5ccf7
```
#d5ccf7 rgb(213,204,247)
```
#e3ddf9
```
#e3ddf9 rgb(227,221,249)
```
#f1edfc
```
#f1edfc rgb(241,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#4d4c50
```
#4d4c50 rgb(77,76,80)
```
#4a4656
```
#4a4656 rgb(74,70,86)
```
#46405c
```
#46405c rgb(70,64,92)
```
#433a62
```
#433a62 rgb(67,58,98)
```
#403468
```
#403468 rgb(64,52,104)
```
#3c2e6e
```
#3c2e6e rgb(60,46,110)
```
#392874
```
#392874 rgb(57,40,116)
```
#36227a
```
#36227a rgb(54,34,122)
```
#321c80
```
#321c80 rgb(50,28,128)
```
#2f1686
```
#2f1686 rgb(47,22,134)
```
#2c108c
```
#2c108c rgb(44,16,140)
```
#280a92
```
#280a92 rgb(40,10,146)
```
#250498
```
#250498 rgb(37,4,152)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b263c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#004044 Tritanopia 0.001% of the population

Trichromacy

#112c76 Protanomaly 1% of men, 0.01% of women
#112e6d Deuteranomaly 6% of men, 0.4% of women
#11305c Tritanomaly 0.01% of the population

#2f1686 hex color

#2f1686 Color Information

#2f1686 Color Conversion

Color Schemes with #2f1686

Alternatives to #2f1686

#2f1686 Preview

Shades and Tints of #2f1686

Tones of #2f1686

Color Blindness Simulator