#3f308f hex color

In a RGB color space, hex #3f308f is composed of 24.7% red, 18.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 66.4% magenta, 0% yellow and 43.9% black. It has a hue angle of 249.5 degrees, a saturation of 49.7% and a lightness of 37.5%. #3f308f color hex could be obtained by blending #7e60ff with #00001f. 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

● #3f308f color description : Dark moderate blue.

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

Hex triplet	3f308f	`#3f308f`
RGB Decimal	63, 48, 143	`rgb(63,48,143)`
RGB Percent	24.7, 18.8, 56.1	`rgb(24.7%,18.8%,56.1%)`
CMYK	56, 66, 0, 44
HSL	249.5°, 49.7, 37.5	`hsl(249.5,49.7%,37.5%)`
HSV (or HSB)	249.5°, 66.4, 56.1
Web Safe	333399	`#333399`

CIE-LAB	27.168, 33.635, -50.529
XYZ	8.064, 5.154, 26.555
xyY	0.203, 0.13, 5.154
CIE-LCH	27.168, 60.7, 303.65
CIE-LUV	27.168, -0.845, -66.147
Hunter-Lab	22.702, 23.678, -53.463
Binary	00111111, 00110000, 10001111

#3f308f
```
#3f308f rgb(63,48,143)
```
#808f30
```
#808f30 rgb(128,143,48)
```

Complementary Color

#30518f
```
#30518f rgb(48,81,143)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#6f308f
```
#6f308f rgb(111,48,143)
```

Analogous Color

#518f30
```
#518f30 rgb(81,143,48)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#8f6f30
```
#8f6f30 rgb(143,111,48)
```

Split Complementary Color

#308f3f
```
#308f3f rgb(48,143,63)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#8f3f30
```
#8f3f30 rgb(143,63,48)
```

Triadic Color

#30808f
```
#30808f rgb(48,128,143)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#8f3f30
```
#8f3f30 rgb(143,63,48)
```
#808f30
```
#808f30 rgb(128,143,48)
```

Tetradic Color

#261d56
```
#261d56 rgb(38,29,86)
```
#2e2369
```
#2e2369 rgb(46,35,105)
```
#372a7c
```
#372a7c rgb(55,42,124)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#4736a2
```
#4736a2 rgb(71,54,162)
```
#503db5
```
#503db5 rgb(80,61,181)
```
#5c49c2
```
#5c49c2 rgb(92,73,194)
```

Monochromatic Color

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

#30398f
```
#30398f rgb(48,57,143)
```
#30318f
```
#30318f rgb(48,49,143)
```
#37308f
```
#37308f rgb(55,48,143)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#47308f
```
#47308f rgb(71,48,143)
```
#4f308f
```
#4f308f rgb(79,48,143)
```
#57308f
```
#57308f rgb(87,48,143)
```

Similar Colors

Text with hexadecimal color #3f308f

This text has a font color of #3f308f.

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

#3f308f background color

This paragraph has a background color of #3f308f.

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

#3f308f border color

This element has a border color of #3f308f.

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

CSS codes

.text {color:#3f308f;}

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

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

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

#05040b
```
#05040b rgb(5,4,11)
```
#0b091a
```
#0b091a rgb(11,9,26)
```
#120d28
```
#120d28 rgb(18,13,40)
```
#181237
```
#181237 rgb(24,18,55)
```
#1f1746
```
#1f1746 rgb(31,23,70)
```
#251c54
```
#251c54 rgb(37,28,84)
```
#2c2163
```
#2c2163 rgb(44,33,99)
```
#322672
```
#322672 rgb(50,38,114)
```
#392b80
```
#392b80 rgb(57,43,128)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#45359e
```
#45359e rgb(69,53,158)
```
#4c3aac
```
#4c3aac rgb(76,58,172)
```
#523fbb
```
#523fbb rgb(82,63,187)
```

Shade Color Variation

#5e4bc3
```
#5e4bc3 rgb(94,75,195)
```
#6b5ac7
```
#6b5ac7 rgb(107,90,199)
```
#7868cc
```
#7868cc rgb(120,104,204)
```
#8577d1
```
#8577d1 rgb(133,119,209)
```
#9286d6
```
#9286d6 rgb(146,134,214)
```
#a094db
```
#a094db rgb(160,148,219)
```
#ada3e0
```
#ada3e0 rgb(173,163,224)
```
#bab2e5
```
#bab2e5 rgb(186,178,229)
```
#c7c0ea
```
#c7c0ea rgb(199,192,234)
```
#d4cfef
```
#d4cfef rgb(212,207,239)
```
#e1def4
```
#e1def4 rgb(225,222,244)
```
#eeecf9
```
#eeecf9 rgb(238,236,249)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#5d5c63
```
#5d5c63 rgb(93,92,99)
```
#58556a
```
#58556a rgb(88,85,106)
```
#534d72
```
#534d72 rgb(83,77,114)
```
#4e4679
```
#4e4679 rgb(78,70,121)
```
#493f80
```
#493f80 rgb(73,63,128)
```
#443788
```
#443788 rgb(68,55,136)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#3a2996
```
#3a2996 rgb(58,41,150)
```
#35219e
```
#35219e rgb(53,33,158)
```
#301aa5
```
#301aa5 rgb(48,26,165)
```
#2b13ac
```
#2b13ac rgb(43,19,172)
```
#260bb4
```
#260bb4 rgb(38,11,180)
```
#2104bb
```
#2104bb rgb(33,4,187)
```

Tone Color Variation

Below, you can see how #3f308f 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
#004b7b Deuteranopia 1% of men
#2b4f55 Tritanopia 0.001% of the population

Trichromacy

#163f8d Protanomaly 1% of men, 0.01% of women
#164182 Deuteranomaly 6% of men, 0.4% of women
#32436a Tritanomaly 0.01% of the population

#3f308f hex color

#3f308f Color Information

#3f308f Color Conversion

Color Schemes with #3f308f

Alternatives to #3f308f

#3f308f Preview

Shades and Tints of #3f308f

Tones of #3f308f

Color Blindness Simulator