#3f2a99 hex color

In a RGB color space, hex #3f2a99 is composed of 24.7% red, 16.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 72.5% magenta, 0% yellow and 40% black. It has a hue angle of 251.4 degrees, a saturation of 56.9% and a lightness of 38.2%. #3f2a99 color hex could be obtained by blending #7e54ff with #000033. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 16
- B 60
RGB color chart
- C 59
- M 73
- Y 0
- K 40
CMYK color chart

● #3f2a99 color description : Dark blue.

The hexadecimal color #3f2a99 has RGB values of R:63, G:42, B:153 and CMYK values of C:0.59, M:0.73, Y:0, K:0.4. Its decimal value is 4139673.

Hex triplet	3f2a99	`#3f2a99`
RGB Decimal	63, 42, 153	`rgb(63,42,153)`
RGB Percent	24.7, 16.5, 60	`rgb(24.7%,16.5%,60%)`
CMYK	59, 73, 0, 40
HSL	251.4°, 56.9, 38.2	`hsl(251.4,56.9%,38.2%)`
HSV (or HSB)	251.4°, 72.5, 60
Web Safe	333399	`#333399`

CIE-LAB	26.77, 40.347, -57.331
XYZ	8.627, 5.012, 30.648
xyY	0.195, 0.113, 5.012
CIE-LCH	26.77, 70.106, 305.136
CIE-LUV	26.77, -0.525, -73.662
Hunter-Lab	22.388, 29.6, -65.493
Binary	00111111, 00101010, 10011001

#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#84992a
```
#84992a rgb(132,153,42)
```

Complementary Color

#2a4d99
```
#2a4d99 rgb(42,77,153)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#772a99
```
#772a99 rgb(119,42,153)
```

Analogous Color

#4d992a
```
#4d992a rgb(77,153,42)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#99772a
```
#99772a rgb(153,119,42)
```

Split Complementary Color

#2a993f
```
#2a993f rgb(42,153,63)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#993f2a
```
#993f2a rgb(153,63,42)
```

Triadic Color

#2a8499
```
#2a8499 rgb(42,132,153)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#993f2a
```
#993f2a rgb(153,63,42)
```
#84992a
```
#84992a rgb(132,153,42)
```

Tetradic Color

#261a5d
```
#261a5d rgb(38,26,93)
```
#2f1f71
```
#2f1f71 rgb(47,31,113)
```
#372585
```
#372585 rgb(55,37,133)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#472fad
```
#472fad rgb(71,47,173)
```
#4f35c1
```
#4f35c1 rgb(79,53,193)
```
#5e44cc
```
#5e44cc rgb(94,68,204)
```

Monochromatic Color

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

#2a3199
```
#2a3199 rgb(42,49,153)
```
#2d2a99
```
#2d2a99 rgb(45,42,153)
```
#362a99
```
#362a99 rgb(54,42,153)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#482a99
```
#482a99 rgb(72,42,153)
```
#522a99
```
#522a99 rgb(82,42,153)
```
#5b2a99
```
#5b2a99 rgb(91,42,153)
```

Similar Colors

Text with hexadecimal color #3f2a99

This text has a font color of #3f2a99.

<span style="color:#3f2a99;">Text here</span>

#3f2a99 background color

This paragraph has a background color of #3f2a99.

<p style="background-color:#3f2a99;">Content here</p>

#3f2a99 border color

This element has a border color of #3f2a99.

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

CSS codes

.text {color:#3f2a99;}

.background {background-color:#3f2a99;}

.border {border:1px solid #3f2a99;}

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

#06040e
```
#06040e rgb(6,4,14)
```
#0c081e
```
#0c081e rgb(12,8,30)
```
#130c2d
```
#130c2d rgb(19,12,45)
```
#19113d
```
#19113d rgb(25,17,61)
```
#1f154c
```
#1f154c rgb(31,21,76)
```
#26195b
```
#26195b rgb(38,25,91)
```
#2c1d6b
```
#2c1d6b rgb(44,29,107)
```
#32227a
```
#32227a rgb(50,34,122)
```
#39268a
```
#39268a rgb(57,38,138)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#452ea8
```
#452ea8 rgb(69,46,168)
```
#4c32b8
```
#4c32b8 rgb(76,50,184)
```
#5237c7
```
#5237c7 rgb(82,55,199)
```

Shade Color Variation

#5f45cc
```
#5f45cc rgb(95,69,204)
```
#6c55d0
```
#6c55d0 rgb(108,85,208)
```
#7964d5
```
#7964d5 rgb(121,100,213)
```
#8774d9
```
#8774d9 rgb(135,116,217)
```
#9483dd
```
#9483dd rgb(148,131,221)
```
#a192e1
```
#a192e1 rgb(161,146,225)
```
#afa2e5
```
#afa2e5 rgb(175,162,229)
```
#bcb1ea
```
#bcb1ea rgb(188,177,234)
```
#c9c1ee
```
#c9c1ee rgb(201,193,238)
```
#d6d0f2
```
#d6d0f2 rgb(214,208,242)
```
#e4dff6
```
#e4dff6 rgb(228,223,246)
```
#f1effb
```
#f1effb rgb(241,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#605f65
```
#605f65 rgb(96,95,101)
```
#5b576c
```
#5b576c rgb(91,87,108)
```
#565074
```
#565074 rgb(86,80,116)
```
#52487b
```
#52487b rgb(82,72,123)
```
#4d4183
```
#4d4183 rgb(77,65,131)
```
#48398a
```
#48398a rgb(72,57,138)
```
#443292
```
#443292 rgb(68,50,146)
```
#3f2a99
```
#3f2a99 rgb(63,42,153)
```
#3a23a1
```
#3a23a1 rgb(58,35,161)
```
#361ba8
```
#361ba8 rgb(54,27,168)
```
#3114b0
```
#3114b0 rgb(49,20,176)
```
#2c0cb7
```
#2c0cb7 rgb(44,12,183)
```
#2804bf
```
#2804bf rgb(40,4,191)
```

Tone Color Variation

Below, you can see how #3f2a99 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

#3d3d3d Achromatopsia 0.005% of the population
#3d394f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#1f4f55 Tritanopia 0.001% of the population

Trichromacy

#163c8f Protanomaly 1% of men, 0.01% of women
#163f84 Deuteranomaly 6% of men, 0.4% of women
#2a416d Tritanomaly 0.01% of the population

#3f2a99 hex color

#3f2a99 Color Information

#3f2a99 Color Conversion

Color Schemes with #3f2a99

Alternatives to #3f2a99

#3f2a99 Preview

Shades and Tints of #3f2a99

Tones of #3f2a99

Color Blindness Simulator