#3f308e hex color

In a RGB color space, hex #3f308e is composed of 24.7% red, 18.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 66.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 249.6 degrees, a saturation of 49.5% and a lightness of 37.3%. #3f308e color hex could be obtained by blending #7e60ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 19
- B 56
RGB color chart
- C 56
- M 66
- Y 0
- K 44
CMYK color chart

● #3f308e color description : Dark moderate blue.

The hexadecimal color #3f308e has RGB values of R:63, G:48, B:142 and CMYK values of C:0.56, M:0.66, Y:0, K:0.44. Its decimal value is 4141198.

Hex triplet	3f308e	`#3f308e`
RGB Decimal	63, 48, 142	`rgb(63,48,142)`
RGB Percent	24.7, 18.8, 55.7	`rgb(24.7%,18.8%,55.7%)`
CMYK	56, 66, 0, 44
HSL	249.6°, 49.5, 37.3	`hsl(249.6,49.5%,37.3%)`
HSV (or HSB)	249.6°, 66.2, 55.7
Web Safe	333399	`#333399`

CIE-LAB	27.084, 33.312, -50.048
XYZ	7.988, 5.123, 26.158
xyY	0.203, 0.13, 5.123
CIE-LCH	27.084, 60.121, 303.648
CIE-LUV	27.084, -0.768, -65.484
Hunter-Lab	22.635, 23.386, -52.673
Binary	00111111, 00110000, 10001110

#3f308e
```
#3f308e rgb(63,48,142)
```
#7f8e30
```
#7f8e30 rgb(127,142,48)
```

Complementary Color

#30508e
```
#30508e rgb(48,80,142)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#6e308e
```
#6e308e rgb(110,48,142)
```

Analogous Color

#508e30
```
#508e30 rgb(80,142,48)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#8e6e30
```
#8e6e30 rgb(142,110,48)
```

Split Complementary Color

#308e3f
```
#308e3f rgb(48,142,63)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#8e3f30
```
#8e3f30 rgb(142,63,48)
```

Triadic Color

#307f8e
```
#307f8e rgb(48,127,142)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#8e3f30
```
#8e3f30 rgb(142,63,48)
```
#7f8e30
```
#7f8e30 rgb(127,142,48)
```

Tetradic Color

#261d55
```
#261d55 rgb(38,29,85)
```
#2e2368
```
#2e2368 rgb(46,35,104)
```
#372a7b
```
#372a7b rgb(55,42,123)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#4736a1
```
#4736a1 rgb(71,54,161)
```
#503db4
```
#503db4 rgb(80,61,180)
```
#5c49c1
```
#5c49c1 rgb(92,73,193)
```

Monochromatic Color

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

#30398e
```
#30398e rgb(48,57,142)
```
#30318e
```
#30318e rgb(48,49,142)
```
#37308e
```
#37308e rgb(55,48,142)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#47308e
```
#47308e rgb(71,48,142)
```
#4f308e
```
#4f308e rgb(79,48,142)
```
#56308e
```
#56308e rgb(86,48,142)
```

Similar Colors

Text with hexadecimal color #3f308e

This text has a font color of #3f308e.

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

#3f308e background color

This paragraph has a background color of #3f308e.

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

#3f308e border color

This element has a border color of #3f308e.

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

CSS codes

.text {color:#3f308e;}

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

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

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, #04030a is the darkest color, while #fbfafd is the lightest one.

#04030a
```
#04030a rgb(4,3,10)
```
#0b0819
```
#0b0819 rgb(11,8,25)
```
#110d27
```
#110d27 rgb(17,13,39)
```
#181236
```
#181236 rgb(24,18,54)
```
#1e1745
```
#1e1745 rgb(30,23,69)
```
#251c53
```
#251c53 rgb(37,28,83)
```
#2b2162
```
#2b2162 rgb(43,33,98)
```
#322671
```
#322671 rgb(50,38,113)
```
#382b7f
```
#382b7f rgb(56,43,127)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#46359d
```
#46359d rgb(70,53,157)
```
#4c3aab
```
#4c3aab rgb(76,58,171)
```
#533fba
```
#533fba rgb(83,63,186)
```

Shade Color Variation

#5e4ac2
```
#5e4ac2 rgb(94,74,194)
```
#6b59c7
```
#6b59c7 rgb(107,89,199)
```
#7868cc
```
#7868cc rgb(120,104,204)
```
#8576d1
```
#8576d1 rgb(133,118,209)
```
#9285d6
```
#9285d6 rgb(146,133,214)
```
#9f94db
```
#9f94db rgb(159,148,219)
```
#aca2e0
```
#aca2e0 rgb(172,162,224)
```
#b9b1e5
```
#b9b1e5 rgb(185,177,229)
```
#c6c0ea
```
#c6c0ea rgb(198,192,234)
```
#d4ceef
```
#d4ceef rgb(212,206,239)
```
#e1ddf4
```
#e1ddf4 rgb(225,221,244)
```
#eeecf8
```
#eeecf8 rgb(238,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#5d5c62
```
#5d5c62 rgb(93,92,98)
```
#585569
```
#585569 rgb(88,85,105)
```
#534d71
```
#534d71 rgb(83,77,113)
```
#4e4678
```
#4e4678 rgb(78,70,120)
```
#493f7f
```
#493f7f rgb(73,63,127)
```
#443787
```
#443787 rgb(68,55,135)
```
#3f308e
```
#3f308e rgb(63,48,142)
```
#3a2995
```
#3a2995 rgb(58,41,149)
```
#35219d
```
#35219d rgb(53,33,157)
```
#301aa4
```
#301aa4 rgb(48,26,164)
```
#2b13ab
```
#2b13ab rgb(43,19,171)
```
#260bb3
```
#260bb3 rgb(38,11,179)
```
#2104ba
```
#2104ba rgb(33,4,186)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3f3c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478c Protanopia 1% of men
#004b7a Deuteranopia 1% of men
#2b4f54 Tritanopia 0.001% of the population

Trichromacy

#163f8c Protanomaly 1% of men, 0.01% of women
#164181 Deuteranomaly 6% of men, 0.4% of women
#324369 Tritanomaly 0.01% of the population

#3f308e hex color

#3f308e Color Information

#3f308e Color Conversion

Color Schemes with #3f308e

Alternatives to #3f308e

#3f308e Preview

Shades and Tints of #3f308e

Tones of #3f308e

Color Blindness Simulator