#2f187e hex color

In a RGB color space, hex #2f187e is composed of 18.4% red, 9.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 81% magenta, 0% yellow and 50.6% black. It has a hue angle of 253.5 degrees, a saturation of 68% and a lightness of 29.4%. #2f187e color hex could be obtained by blending #5e30fc with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 18
- G 9
- B 49
RGB color chart
- C 63
- M 81
- Y 0
- K 51
CMYK color chart

● #2f187e color description : Dark blue.

The hexadecimal color #2f187e has RGB values of R:47, G:24, B:126 and CMYK values of C:0.63, M:0.81, Y:0, K:0.51. Its decimal value is 3086462.

Hex triplet	2f187e	`#2f187e`
RGB Decimal	47, 24, 126	`rgb(47,24,126)`
RGB Percent	18.4, 9.4, 49.4	`rgb(18.4%,9.4%,49.4%)`
CMYK	63, 81, 0, 51
HSL	253.5°, 68, 29.4	`hsl(253.5,68%,29.4%)`
HSV (or HSB)	253.5°, 81, 49.4
Web Safe	330066	`#330066`

CIE-LAB	19.072, 39.418, -53.208
XYZ	5.264, 2.764, 19.994
xyY	0.188, 0.099, 2.764
CIE-LCH	19.072, 66.218, 306.532
CIE-LUV	19.072, -0.124, -58.319
Hunter-Lab	16.625, 27.428, -59.668
Binary	00101111, 00011000, 01111110

#2f187e
```
#2f187e rgb(47,24,126)
```
#677e18
```
#677e18 rgb(103,126,24)
```

Complementary Color

#18347e
```
#18347e rgb(24,52,126)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#62187e
```
#62187e rgb(98,24,126)
```

Analogous Color

#347e18
```
#347e18 rgb(52,126,24)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#7e6218
```
#7e6218 rgb(126,98,24)
```

Split Complementary Color

#187e2f
```
#187e2f rgb(24,126,47)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#7e2f18
```
#7e2f18 rgb(126,47,24)
```

Triadic Color

#18677e
```
#18677e rgb(24,103,126)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#7e2f18
```
#7e2f18 rgb(126,47,24)
```
#677e18
```
#677e18 rgb(103,126,24)
```

Tetradic Color

#170c3e
```
#170c3e rgb(23,12,62)
```
#1f1053
```
#1f1053 rgb(31,16,83)
```
#271469
```
#271469 rgb(39,20,105)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#371c93
```
#371c93 rgb(55,28,147)
```
#3f20a9
```
#3f20a9 rgb(63,32,169)
```
#4724be
```
#4724be rgb(71,36,190)
```

Monochromatic Color

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

#181b7e
```
#181b7e rgb(24,27,126)
```
#1e187e
```
#1e187e rgb(30,24,126)
```
#26187e
```
#26187e rgb(38,24,126)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#38187e
```
#38187e rgb(56,24,126)
```
#40187e
```
#40187e rgb(64,24,126)
```
#48187e
```
#48187e rgb(72,24,126)
```

Similar Colors

Text with hexadecimal color #2f187e

This text has a font color of #2f187e.

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

#2f187e background color

This paragraph has a background color of #2f187e.

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

#2f187e border color

This element has a border color of #2f187e.

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

CSS codes

.text {color:#2f187e;}

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

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

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

#04020b
```
#04020b rgb(4,2,11)
```
#0a051b
```
#0a051b rgb(10,5,27)
```
#10082c
```
#10082c rgb(16,8,44)
```
#160b3c
```
#160b3c rgb(22,11,60)
```
#1d0f4d
```
#1d0f4d rgb(29,15,77)
```
#23125d
```
#23125d rgb(35,18,93)
```
#29156e
```
#29156e rgb(41,21,110)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#351b8e
```
#351b8e rgb(53,27,142)
```
#3b1e9f
```
#3b1e9f rgb(59,30,159)
```
#4121af
```
#4121af rgb(65,33,175)
```
#4825c0
```
#4825c0 rgb(72,37,192)
```
#4e28d0
```
#4e28d0 rgb(78,40,208)
```

Shade Color Variation

#5933d8
```
#5933d8 rgb(89,51,216)
```
#6644db
```
#6644db rgb(102,68,219)
```
#7454df
```
#7454df rgb(116,84,223)
```
#8165e2
```
#8165e2 rgb(129,101,226)
```
#8e75e5
```
#8e75e5 rgb(142,117,229)
```
#9c86e8
```
#9c86e8 rgb(156,134,232)
```
#a996eb
```
#a996eb rgb(169,150,235)
```
#b7a7ee
```
#b7a7ee rgb(183,167,238)
```
#c4b7f1
```
#c4b7f1 rgb(196,183,241)
```
#d2c8f4
```
#d2c8f4 rgb(210,200,244)
```
#dfd8f8
```
#dfd8f8 rgb(223,216,248)
```
#ede9fb
```
#ede9fb rgb(237,233,251)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#484650
```
#484650 rgb(72,70,80)
```
#454056
```
#454056 rgb(69,64,86)
```
#423b5b
```
#423b5b rgb(66,59,91)
```
#3f3561
```
#3f3561 rgb(63,53,97)
```
#3c2f67
```
#3c2f67 rgb(60,47,103)
```
#39296d
```
#39296d rgb(57,41,109)
```
#352472
```
#352472 rgb(53,36,114)
```
#321e78
```
#321e78 rgb(50,30,120)
```
#2f187e
```
#2f187e rgb(47,24,126)
```
#2c1284
```
#2c1284 rgb(44,18,132)
```
#290c8a
```
#290c8a rgb(41,12,138)
```
#25078f
```
#25078f rgb(37,7,143)
```
#220195
```
#220195 rgb(34,1,149)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c273c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003a5d Deuteranopia 1% of men
#003e43 Tritanopia 0.001% of the population

Trichromacy

#112c72 Protanomaly 1% of men, 0.01% of women
#112e69 Deuteranomaly 6% of men, 0.4% of women
#113058 Tritanomaly 0.01% of the population

#2f187e hex color

#2f187e Color Information

#2f187e Color Conversion

Color Schemes with #2f187e

Alternatives to #2f187e

#2f187e Preview

Shades and Tints of #2f187e

Tones of #2f187e

Color Blindness Simulator