#2f3fa5 hex color

In a RGB color space, hex #2f3fa5 is composed of 18.4% red, 24.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 61.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 231.9 degrees, a saturation of 55.7% and a lightness of 41.6%. #2f3fa5 color hex could be obtained by blending #5e7eff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 25
- B 65
RGB color chart
- C 72
- M 62
- Y 0
- K 35
CMYK color chart

● #2f3fa5 color description : Dark blue.

The hexadecimal color #2f3fa5 has RGB values of R:47, G:63, B:165 and CMYK values of C:0.72, M:0.62, Y:0, K:0.35. Its decimal value is 3096485.

Hex triplet	2f3fa5	`#2f3fa5`
RGB Decimal	47, 63, 165	`rgb(47,63,165)`
RGB Percent	18.4, 24.7, 64.7	`rgb(18.4%,24.7%,64.7%)`
CMYK	72, 62, 0, 35
HSL	231.9°, 55.7, 41.6	`hsl(231.9,55.7%,41.6%)`
HSV (or HSB)	231.9°, 71.5, 64.7
Web Safe	333399	`#333399`

CIE-LAB	31.521, 29.144, -56.885
XYZ	9.74, 6.875, 36.409
xyY	0.184, 0.13, 6.875
CIE-LCH	31.521, 63.916, 297.128
CIE-LUV	31.521, -9.188, -77.746
Hunter-Lab	26.221, 20.418, -63.972
Binary	00101111, 00111111, 10100101

#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#a5952f
```
#a5952f rgb(165,149,47)
```

Complementary Color

#2f7aa5
```
#2f7aa5 rgb(47,122,165)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#5a2fa5
```
#5a2fa5 rgb(90,47,165)
```

Analogous Color

#7aa52f
```
#7aa52f rgb(122,165,47)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#a55a2f
```
#a55a2f rgb(165,90,47)
```

Split Complementary Color

#3fa52f
```
#3fa52f rgb(63,165,47)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#a52f3f
```
#a52f3f rgb(165,47,63)
```

Triadic Color

#2fa595
```
#2fa595 rgb(47,165,149)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#a52f3f
```
#a52f3f rgb(165,47,63)
```
#a5952f
```
#a5952f rgb(165,149,47)
```

Tetradic Color

#1e2869
```
#1e2869 rgb(30,40,105)
```
#24307d
```
#24307d rgb(36,48,125)
```
#293791
```
#293791 rgb(41,55,145)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#3547b9
```
#3547b9 rgb(53,71,185)
```
#3f51c8
```
#3f51c8 rgb(63,81,200)
```
#5363ce
```
#5363ce rgb(83,99,206)
```

Monochromatic Color

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

#2f5da5
```
#2f5da5 rgb(47,93,165)
```
#2f53a5
```
#2f53a5 rgb(47,83,165)
```
#2f49a5
```
#2f49a5 rgb(47,73,165)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#2f35a5
```
#2f35a5 rgb(47,53,165)
```
#332fa5
```
#332fa5 rgb(51,47,165)
```
#3d2fa5
```
#3d2fa5 rgb(61,47,165)
```

Similar Colors

Text with hexadecimal color #2f3fa5

This text has a font color of #2f3fa5.

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

#2f3fa5 background color

This paragraph has a background color of #2f3fa5.

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

#2f3fa5 border color

This element has a border color of #2f3fa5.

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

CSS codes

.text {color:#2f3fa5;}

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

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

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, #04050c is the darkest color, while #fcfcfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#080b1c
```
#080b1c rgb(8,11,28)
```
#0c102b
```
#0c102b rgb(12,16,43)
```
#11163a
```
#11163a rgb(17,22,58)
```
#151c49
```
#151c49 rgb(21,28,73)
```
#192259
```
#192259 rgb(25,34,89)
```
#1e2868
```
#1e2868 rgb(30,40,104)
```
#222e77
```
#222e77 rgb(34,46,119)
```
#263386
```
#263386 rgb(38,51,134)
```
#2b3996
```
#2b3996 rgb(43,57,150)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#3345b4
```
#3345b4 rgb(51,69,180)
```
#384bc4
```
#384bc4 rgb(56,75,196)
```

Shade Color Variation

#4557ca
```
#4557ca rgb(69,87,202)
```
#5465ce
```
#5465ce rgb(84,101,206)
```
#6372d3
```
#6372d3 rgb(99,114,211)
```
#7380d7
```
#7380d7 rgb(115,128,215)
```
#828edb
```
#828edb rgb(130,142,219)
```
#919ce0
```
#919ce0 rgb(145,156,224)
```
#a0aae4
```
#a0aae4 rgb(160,170,228)
```
#b0b7e8
```
#b0b7e8 rgb(176,183,232)
```
#bfc5ed
```
#bfc5ed rgb(191,197,237)
```
#ced3f1
```
#ced3f1 rgb(206,211,241)
```
#dee1f5
```
#dee1f5 rgb(222,225,245)
```
#edeffa
```
#edeffa rgb(237,239,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#68696c
```
#68696c rgb(104,105,108)
```
#606374
```
#606374 rgb(96,99,116)
```
#585d7c
```
#585d7c rgb(88,93,124)
```
#505784
```
#505784 rgb(80,87,132)
```
#47518d
```
#47518d rgb(71,81,141)
```
#3f4b95
```
#3f4b95 rgb(63,75,149)
```
#37459d
```
#37459d rgb(55,69,157)
```
#2f3fa5
```
#2f3fa5 rgb(47,63,165)
```
#2739ad
```
#2739ad rgb(39,57,173)
```
#1f33b5
```
#1f33b5 rgb(31,51,181)
```
#172dbd
```
#172dbd rgb(23,45,189)
```
#0e27c6
```
#0e27c6 rgb(14,39,198)
```
#0621ce
```
#0621ce rgb(6,33,206)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414559 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00558a Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#114aa0 Protanomaly 1% of men, 0.01% of women
#114d94 Deuteranomaly 6% of men, 0.4% of women
#11517a Tritanomaly 0.01% of the population

#2f3fa5 hex color

#2f3fa5 Color Information

#2f3fa5 Color Conversion

Color Schemes with #2f3fa5

Alternatives to #2f3fa5

#2f3fa5 Preview

Shades and Tints of #2f3fa5

Tones of #2f3fa5

Color Blindness Simulator