#3f30a5 hex color

In a RGB color space, hex #3f30a5 is composed of 24.7% red, 18.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 70.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 247.7 degrees, a saturation of 54.9% and a lightness of 41.8%. #3f30a5 color hex could be obtained by blending #7e60ff with #00004b. Closest websafe color is: #333399.

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

● #3f30a5 color description : Dark blue.

The hexadecimal color #3f30a5 has RGB values of R:63, G:48, B:165 and CMYK values of C:0.62, M:0.71, Y:0, K:0.35. Its decimal value is 4141221.

Hex triplet	3f30a5	`#3f30a5`
RGB Decimal	63, 48, 165	`rgb(63,48,165)`
RGB Percent	24.7, 18.8, 64.7	`rgb(24.7%,18.8%,64.7%)`
CMYK	62, 71, 0, 35
HSL	247.7°, 54.9, 41.8	`hsl(247.7,54.9%,41.8%)`
HSV (or HSB)	247.7°, 70.9, 64.7
Web Safe	333399	`#333399`

CIE-LAB	29.125, 40.725, -60.763
XYZ	9.897, 5.887, 36.21
xyY	0.19, 0.113, 5.887
CIE-LCH	29.125, 73.148, 303.831
CIE-LUV	29.125, -2.436, -80.335
Hunter-Lab	24.263, 30.352, -71.5
Binary	00111111, 00110000, 10100101

#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#96a530
```
#96a530 rgb(150,165,48)
```

Complementary Color

#305ca5
```
#305ca5 rgb(48,92,165)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#7a30a5
```
#7a30a5 rgb(122,48,165)
```

Analogous Color

#5ca530
```
#5ca530 rgb(92,165,48)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#a57a30
```
#a57a30 rgb(165,122,48)
```

Split Complementary Color

#30a53f
```
#30a53f rgb(48,165,63)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#a53f30
```
#a53f30 rgb(165,63,48)
```

Triadic Color

#3096a5
```
#3096a5 rgb(48,150,165)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#a53f30
```
#a53f30 rgb(165,63,48)
```
#96a530
```
#96a530 rgb(150,165,48)
```

Tetradic Color

#281f6a
```
#281f6a rgb(40,31,106)
```
#30257d
```
#30257d rgb(48,37,125)
```
#372a91
```
#372a91 rgb(55,42,145)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#4736b9
```
#4736b9 rgb(71,54,185)
```
#5240c8
```
#5240c8 rgb(82,64,200)
```
#6454cd
```
#6454cd rgb(100,84,205)
```

Monochromatic Color

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

#303ea5
```
#303ea5 rgb(48,62,165)
```
#3035a5
```
#3035a5 rgb(48,53,165)
```
#3530a5
```
#3530a5 rgb(53,48,165)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#4930a5
```
#4930a5 rgb(73,48,165)
```
#5330a5
```
#5330a5 rgb(83,48,165)
```
#5c30a5
```
#5c30a5 rgb(92,48,165)
```

Similar Colors

Text with hexadecimal color #3f30a5

This text has a font color of #3f30a5.

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

#3f30a5 background color

This paragraph has a background color of #3f30a5.

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

#3f30a5 border color

This element has a border color of #3f30a5.

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

CSS codes

.text {color:#3f30a5;}

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

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

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

#05040d
```
#05040d rgb(5,4,13)
```
#0b081c
```
#0b081c rgb(11,8,28)
```
#110d2b
```
#110d2b rgb(17,13,43)
```
#16113b
```
#16113b rgb(22,17,59)
```
#1c154a
```
#1c154a rgb(28,21,74)
```
#221a59
```
#221a59 rgb(34,26,89)
```
#281e68
```
#281e68 rgb(40,30,104)
```
#2e2377
```
#2e2377 rgb(46,35,119)
```
#332787
```
#332787 rgb(51,39,135)
```
#392c96
```
#392c96 rgb(57,44,150)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#4534b4
```
#4534b4 rgb(69,52,180)
```
#4b39c3
```
#4b39c3 rgb(75,57,195)
```

Shade Color Variation

#5747c9
```
#5747c9 rgb(87,71,201)
```
#6556ce
```
#6556ce rgb(101,86,206)
```
#7365d2
```
#7365d2 rgb(115,101,210)
```
#8174d7
```
#8174d7 rgb(129,116,215)
```
#8f83db
```
#8f83db rgb(143,131,219)
```
#9c92df
```
#9c92df rgb(156,146,223)
```
#aaa2e4
```
#aaa2e4 rgb(170,162,228)
```
#b8b1e8
```
#b8b1e8 rgb(184,177,232)
```
#c6c0ed
```
#c6c0ed rgb(198,192,237)
```
#d4cff1
```
#d4cff1 rgb(212,207,241)
```
#e1def6
```
#e1def6 rgb(225,222,246)
```
#efeefa
```
#efeefa rgb(239,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#6a696c
```
#6a696c rgb(106,105,108)
```
#646174
```
#646174 rgb(100,97,116)
```
#5d597c
```
#5d597c rgb(93,89,124)
```
#575184
```
#575184 rgb(87,81,132)
```
#51498c
```
#51498c rgb(81,73,140)
```
#4b4095
```
#4b4095 rgb(75,64,149)
```
#45389d
```
#45389d rgb(69,56,157)
```
#3f30a5
```
#3f30a5 rgb(63,48,165)
```
#3928ad
```
#3928ad rgb(57,40,173)
```
#3320b5
```
#3320b5 rgb(51,32,181)
```
#2d17be
```
#2d17be rgb(45,23,190)
```
#270fc6
```
#270fc6 rgb(39,15,198)
```
#2107ce
```
#2107ce rgb(33,7,206)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#413e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005081 Deuteranopia 1% of men
#00555c Tritanopia 0.001% of the population

Trichromacy

#16419a Protanomaly 1% of men, 0.01% of women
#16448e Deuteranomaly 6% of men, 0.4% of women
#164876 Tritanomaly 0.01% of the population

#3f30a5 hex color

#3f30a5 Color Information

#3f30a5 Color Conversion

Color Schemes with #3f30a5

Alternatives to #3f30a5

#3f30a5 Preview

Shades and Tints of #3f30a5

Tones of #3f30a5

Color Blindness Simulator