#3f30a6 hex color

In a RGB color space, hex #3f30a6 is composed of 24.7% red, 18.8% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 71.1% magenta, 0% yellow and 34.9% black. It has a hue angle of 247.6 degrees, a saturation of 55.1% and a lightness of 42%. #3f30a6 color hex could be obtained by blending #7e60ff with #00004d. 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

● #3f30a6 color description : Dark blue.

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

Hex triplet	3f30a6	`#3f30a6`
RGB Decimal	63, 48, 166	`rgb(63,48,166)`
RGB Percent	24.7, 18.8, 65.1	`rgb(24.7%,18.8%,65.1%)`
CMYK	62, 71, 0, 35
HSL	247.6°, 55.1, 42	`hsl(247.6,55.1%,42%)`
HSV (or HSB)	247.6°, 71.1, 65.1
Web Safe	333399	`#333399`

CIE-LAB	29.218, 41.045, -61.213
XYZ	9.988, 5.923, 36.691
xyY	0.19, 0.113, 5.923
CIE-LCH	29.218, 73.7, 303.843
CIE-LUV	29.218, -2.505, -80.965
Hunter-Lab	24.338, 30.665, -72.347
Binary	00111111, 00110000, 10100110

#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#97a630
```
#97a630 rgb(151,166,48)
```

Complementary Color

#305ca6
```
#305ca6 rgb(48,92,166)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#7a30a6
```
#7a30a6 rgb(122,48,166)
```

Analogous Color

#5ca630
```
#5ca630 rgb(92,166,48)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#a67a30
```
#a67a30 rgb(166,122,48)
```

Split Complementary Color

#30a63f
```
#30a63f rgb(48,166,63)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#a63f30
```
#a63f30 rgb(166,63,48)
```

Triadic Color

#3097a6
```
#3097a6 rgb(48,151,166)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#a63f30
```
#a63f30 rgb(166,63,48)
```
#97a630
```
#97a630 rgb(151,166,48)
```

Tetradic Color

#281f6b
```
#281f6b rgb(40,31,107)
```
#30257e
```
#30257e rgb(48,37,126)
```
#372a92
```
#372a92 rgb(55,42,146)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#4736ba
```
#4736ba rgb(71,54,186)
```
#5241c8
```
#5241c8 rgb(82,65,200)
```
#6455ce
```
#6455ce rgb(100,85,206)
```

Monochromatic Color

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

#303fa6
```
#303fa6 rgb(48,63,166)
```
#3035a6
```
#3035a6 rgb(48,53,166)
```
#3530a6
```
#3530a6 rgb(53,48,166)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#4930a6
```
#4930a6 rgb(73,48,166)
```
#5330a6
```
#5330a6 rgb(83,48,166)
```
#5c30a6
```
#5c30a6 rgb(92,48,166)
```

Similar Colors

Text with hexadecimal color #3f30a6

This text has a font color of #3f30a6.

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

#3f30a6 background color

This paragraph has a background color of #3f30a6.

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

#3f30a6 border color

This element has a border color of #3f30a6.

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

CSS codes

.text {color:#3f30a6;}

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

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

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

#05040e
```
#05040e rgb(5,4,14)
```
#0b081d
```
#0b081d rgb(11,8,29)
```
#110d2c
```
#110d2c rgb(17,13,44)
```
#17113b
```
#17113b rgb(23,17,59)
```
#1c164b
```
#1c164b rgb(28,22,75)
```
#221a5a
```
#221a5a rgb(34,26,90)
```
#281e69
```
#281e69 rgb(40,30,105)
```
#2e2378
```
#2e2378 rgb(46,35,120)
```
#332788
```
#332788 rgb(51,39,136)
```
#392c97
```
#392c97 rgb(57,44,151)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#4534b5
```
#4534b5 rgb(69,52,181)
```
#4b39c4
```
#4b39c4 rgb(75,57,196)
```

Shade Color Variation

#5847ca
```
#5847ca rgb(88,71,202)
```
#6656ce
```
#6656ce rgb(102,86,206)
```
#7365d3
```
#7365d3 rgb(115,101,211)
```
#8175d7
```
#8175d7 rgb(129,117,215)
```
#8f84db
```
#8f84db rgb(143,132,219)
```
#9d93e0
```
#9d93e0 rgb(157,147,224)
```
#aba2e4
```
#aba2e4 rgb(171,162,228)
```
#b9b2e9
```
#b9b2e9 rgb(185,178,233)
```
#c6c1ed
```
#c6c1ed rgb(198,193,237)
```
#d4d0f1
```
#d4d0f1 rgb(212,208,241)
```
#e2dff6
```
#e2dff6 rgb(226,223,246)
```
#f0eefa
```
#f0eefa rgb(240,238,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6a6a6c
```
#6a6a6c rgb(106,106,108)
```
#646175
```
#646175 rgb(100,97,117)
```
#5e597d
```
#5e597d rgb(94,89,125)
```
#585185
```
#585185 rgb(88,81,133)
```
#51498d
```
#51498d rgb(81,73,141)
```
#4b4096
```
#4b4096 rgb(75,64,150)
```
#45389e
```
#45389e rgb(69,56,158)
```
#3f30a6
```
#3f30a6 rgb(63,48,166)
```
#3928ae
```
#3928ae rgb(57,40,174)
```
#3320b6
```
#3320b6 rgb(51,32,182)
```
#2d17bf
```
#2d17bf rgb(45,23,191)
```
#260fc7
```
#260fc7 rgb(38,15,199)
```
#2007cf
```
#2007cf rgb(32,7,207)
```

Tone Color Variation

Below, you can see how #3f30a6 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
#00565c 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
#164877 Tritanomaly 0.01% of the population

#3f30a6 hex color

#3f30a6 Color Information

#3f30a6 Color Conversion

Color Schemes with #3f30a6

Alternatives to #3f30a6

#3f30a6 Preview

Shades and Tints of #3f30a6

Tones of #3f30a6

Color Blindness Simulator