#2f18a3 hex color

In a RGB color space, hex #2f18a3 is composed of 18.4% red, 9.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 85.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 249.9 degrees, a saturation of 74.3% and a lightness of 36.7%. #2f18a3 color hex could be obtained by blending #5e30ff with #000047. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 18
- G 9
- B 64
RGB color chart
- C 71
- M 85
- Y 0
- K 36
CMYK color chart

● #2f18a3 color description : Dark blue.

The hexadecimal color #2f18a3 has RGB values of R:47, G:24, B:163 and CMYK values of C:0.71, M:0.85, Y:0, K:0.36. Its decimal value is 3086499.

Hex triplet	2f18a3	`#2f18a3`
RGB Decimal	47, 24, 163	`rgb(47,24,163)`
RGB Percent	18.4, 9.4, 63.9	`rgb(18.4%,9.4%,63.9%)`
CMYK	71, 85, 0, 36
HSL	249.9°, 74.3, 36.7	`hsl(249.9,74.3%,36.7%)`
HSV (or HSB)	249.9°, 85.3, 63.9
Web Safe	330099	`#330099`

CIE-LAB	23.343, 50.526, -69.137
XYZ	8.109, 3.902, 34.974
xyY	0.173, 0.083, 3.902
CIE-LCH	23.343, 85.632, 306.16
CIE-LUV	23.343, -2.664, -80.009
Hunter-Lab	19.752, 38.709, -91.154
Binary	00101111, 00011000, 10100011

#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#8ca318
```
#8ca318 rgb(140,163,24)
```

Complementary Color

#1846a3
```
#1846a3 rgb(24,70,163)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#7518a3
```
#7518a3 rgb(117,24,163)
```

Analogous Color

#46a318
```
#46a318 rgb(70,163,24)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#a37518
```
#a37518 rgb(163,117,24)
```

Split Complementary Color

#18a32f
```
#18a32f rgb(24,163,47)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#a32f18
```
#a32f18 rgb(163,47,24)
```

Triadic Color

#188ca3
```
#188ca3 rgb(24,140,163)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#a32f18
```
#a32f18 rgb(163,47,24)
```
#8ca318
```
#8ca318 rgb(140,163,24)
```

Tetradic Color

#1c0e60
```
#1c0e60 rgb(28,14,96)
```
#221177
```
#221177 rgb(34,17,119)
```
#29158d
```
#29158d rgb(41,21,141)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#351bb9
```
#351bb9 rgb(53,27,185)
```
#3c1fcf
```
#3c1fcf rgb(60,31,207)
```
#4628df
```
#4628df rgb(70,40,223)
```

Monochromatic Color

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

#1824a3
```
#1824a3 rgb(24,36,163)
```
#1818a3
```
#1818a3 rgb(24,24,163)
```
#2318a3
```
#2318a3 rgb(35,24,163)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#3b18a3
```
#3b18a3 rgb(59,24,163)
```
#4618a3
```
#4618a3 rgb(70,24,163)
```
#5218a3
```
#5218a3 rgb(82,24,163)
```

Similar Colors

Text with hexadecimal color #2f18a3

This text has a font color of #2f18a3.

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

#2f18a3 background color

This paragraph has a background color of #2f18a3.

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

#2f18a3 border color

This element has a border color of #2f18a3.

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

CSS codes

.text {color:#2f18a3;}

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

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

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

#030109
```
#030109 rgb(3,1,9)
```
#08041a
```
#08041a rgb(8,4,26)
```
#0c062b
```
#0c062b rgb(12,6,43)
```
#11093c
```
#11093c rgb(17,9,60)
```
#160b4e
```
#160b4e rgb(22,11,78)
```
#1b0e5f
```
#1b0e5f rgb(27,14,95)
```
#201070
```
#201070 rgb(32,16,112)
```
#251381
```
#251381 rgb(37,19,129)
```
#2a1592
```
#2a1592 rgb(42,21,146)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#341bb4
```
#341bb4 rgb(52,27,180)
```
#391dc5
```
#391dc5 rgb(57,29,197)
```
#3e20d6
```
#3e20d6 rgb(62,32,214)
```

Shade Color Variation

#482ae0
```
#482ae0 rgb(72,42,224)
```
#573be2
```
#573be2 rgb(87,59,226)
```
#654ce5
```
#654ce5 rgb(101,76,229)
```
#745de7
```
#745de7 rgb(116,93,231)
```
#836eea
```
#836eea rgb(131,110,234)
```
#917fec
```
#917fec rgb(145,127,236)
```
#a090ef
```
#a090ef rgb(160,144,239)
```
#afa2f1
```
#afa2f1 rgb(175,162,241)
```
#bdb3f4
```
#bdb3f4 rgb(189,179,244)
```
#ccc4f6
```
#ccc4f6 rgb(204,196,246)
```
#dbd5f9
```
#dbd5f9 rgb(219,213,249)
```
#e9e6fb
```
#e9e6fb rgb(233,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#5a5962
```
#5a5962 rgb(90,89,98)
```
#555269
```
#555269 rgb(85,82,105)
```
#514a71
```
#514a71 rgb(81,74,113)
```
#4c4378
```
#4c4378 rgb(76,67,120)
```
#473c7f
```
#473c7f rgb(71,60,127)
```
#423586
```
#423586 rgb(66,53,134)
```
#3d2e8d
```
#3d2e8d rgb(61,46,141)
```
#392695
```
#392695 rgb(57,38,149)
```
#341f9c
```
#341f9c rgb(52,31,156)
```
#2f18a3
```
#2f18a3 rgb(47,24,163)
```
#2a11aa
```
#2a11aa rgb(42,17,170)
```
#250ab1
```
#250ab1 rgb(37,10,177)
```
#2102b9
```
#2102b9 rgb(33,2,185)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2a46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407c Protanopia 1% of men
#00436b Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#11318a Protanomaly 1% of men, 0.01% of women
#11337f Deuteranomaly 6% of men, 0.4% of women
#11366b Tritanomaly 0.01% of the population

#2f18a3 hex color

#2f18a3 Color Information

#2f18a3 Color Conversion

Color Schemes with #2f18a3

Alternatives to #2f18a3

#2f18a3 Preview

Shades and Tints of #2f18a3

Tones of #2f18a3

Color Blindness Simulator