#3f317b hex color

In a RGB color space, hex #3f317b is composed of 24.7% red, 19.2% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 60.2% magenta, 0% yellow and 51.8% black. It has a hue angle of 251.4 degrees, a saturation of 43% and a lightness of 33.7%. #3f317b color hex could be obtained by blending #7e62f6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 19
- B 48
RGB color chart
- C 49
- M 60
- Y 0
- K 52
CMYK color chart

● #3f317b color description : Dark moderate blue.

The hexadecimal color #3f317b has RGB values of R:63, G:49, B:123 and CMYK values of C:0.49, M:0.6, Y:0, K:0.52. Its decimal value is 4141435.

Hex triplet	3f317b	`#3f317b`
RGB Decimal	63, 49, 123	`rgb(63,49,123)`
RGB Percent	24.7, 19.2, 48.2	`rgb(24.7%,19.2%,48.2%)`
CMYK	49, 60, 0, 52
HSL	251.4°, 43, 33.7	`hsl(251.4,43%,33.7%)`
HSV (or HSB)	251.4°, 60.2, 48.2
Web Safe	333366	`#333366`

CIE-LAB	25.813, 26.551, -40.232
XYZ	6.723, 4.683, 19.288
xyY	0.219, 0.153, 4.683
CIE-LCH	25.813, 48.203, 303.423
CIE-LUV	25.813, 0.535, -52.259
Hunter-Lab	21.641, 17.579, -37.694
Binary	00111111, 00110001, 01111011

#3f317b
```
#3f317b rgb(63,49,123)
```
#6d7b31
```
#6d7b31 rgb(109,123,49)
```

Complementary Color

#31487b
```
#31487b rgb(49,72,123)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#64317b
```
#64317b rgb(100,49,123)
```

Analogous Color

#487b31
```
#487b31 rgb(72,123,49)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#7b6431
```
#7b6431 rgb(123,100,49)
```

Split Complementary Color

#317b3f
```
#317b3f rgb(49,123,63)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#7b3f31
```
#7b3f31 rgb(123,63,49)
```

Triadic Color

#316d7b
```
#316d7b rgb(49,109,123)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#7b3f31
```
#7b3f31 rgb(123,63,49)
```
#6d7b31
```
#6d7b31 rgb(109,123,49)
```

Tetradic Color

#231b44
```
#231b44 rgb(35,27,68)
```
#2c2257
```
#2c2257 rgb(44,34,87)
```
#362a69
```
#362a69 rgb(54,42,105)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#48388d
```
#48388d rgb(72,56,141)
```
#52409f
```
#52409f rgb(82,64,159)
```
#5b47b2
```
#5b47b2 rgb(91,71,178)
```

Monochromatic Color

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

#31367b
```
#31367b rgb(49,54,123)
```
#33317b
```
#33317b rgb(51,49,123)
```
#39317b
```
#39317b rgb(57,49,123)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#45317b
```
#45317b rgb(69,49,123)
```
#4b317b
```
#4b317b rgb(75,49,123)
```
#51317b
```
#51317b rgb(81,49,123)
```

Similar Colors

Text with hexadecimal color #3f317b

This text has a font color of #3f317b.

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

#3f317b background color

This paragraph has a background color of #3f317b.

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

#3f317b border color

This element has a border color of #3f317b.

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

CSS codes

.text {color:#3f317b;}

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

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

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

#06040b
```
#06040b rgb(6,4,11)
```
#0d0a19
```
#0d0a19 rgb(13,10,25)
```
#140f27
```
#140f27 rgb(20,15,39)
```
#1b1535
```
#1b1535 rgb(27,21,53)
```
#221b43
```
#221b43 rgb(34,27,67)
```
#292051
```
#292051 rgb(41,32,81)
```
#31265f
```
#31265f rgb(49,38,95)
```
#382b6d
```
#382b6d rgb(56,43,109)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#463789
```
#463789 rgb(70,55,137)
```
#4d3c97
```
#4d3c97 rgb(77,60,151)
```
#5542a5
```
#5542a5 rgb(85,66,165)
```
#5c47b3
```
#5c47b3 rgb(92,71,179)
```

Shade Color Variation

#6753bb
```
#6753bb rgb(103,83,187)
```
#7361c0
```
#7361c0 rgb(115,97,192)
```
#806fc6
```
#806fc6 rgb(128,111,198)
```
#8c7ecb
```
#8c7ecb rgb(140,126,203)
```
#998cd1
```
#998cd1 rgb(153,140,209)
```
#a59ad7
```
#a59ad7 rgb(165,154,215)
```
#b2a8dc
```
#b2a8dc rgb(178,168,220)
```
#beb6e2
```
#beb6e2 rgb(190,182,226)
```
#cac4e7
```
#cac4e7 rgb(202,196,231)
```
#d7d2ed
```
#d7d2ed rgb(215,210,237)
```
#e3e0f3
```
#e3e0f3 rgb(227,224,243)
```
#f0eef8
```
#f0eef8 rgb(240,238,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#54525a
```
#54525a rgb(84,82,90)
```
#4f4b61
```
#4f4b61 rgb(79,75,97)
```
#4b4567
```
#4b4567 rgb(75,69,103)
```
#473e6e
```
#473e6e rgb(71,62,110)
```
#433874
```
#433874 rgb(67,56,116)
```
#3f317b
```
#3f317b rgb(63,49,123)
```
#3b2a82
```
#3b2a82 rgb(59,42,130)
```
#372488
```
#372488 rgb(55,36,136)
```
#331d8f
```
#331d8f rgb(51,29,143)
```
#2f1795
```
#2f1795 rgb(47,23,149)
```
#2a109c
```
#2a109c rgb(42,16,156)
```
#2609a3
```
#2609a3 rgb(38,9,163)
```
#2203a9
```
#2203a9 rgb(34,3,169)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3e3b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004487 Protanopia 1% of men
#004878 Deuteranopia 1% of men
#374a4f Tritanopia 0.001% of the population

Trichromacy

#163d82 Protanomaly 1% of men, 0.01% of women
#163f79 Deuteranomaly 6% of men, 0.4% of women
#3a415f Tritanomaly 0.01% of the population

#3f317b hex color

#3f317b Color Information

#3f317b Color Conversion

Color Schemes with #3f317b

Alternatives to #3f317b

#3f317b Preview

Shades and Tints of #3f317b

Tones of #3f317b

Color Blindness Simulator