#3f30c5 hex color

In a RGB color space, hex #3f30c5 is composed of 24.7% red, 18.8% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 75.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 246 degrees, a saturation of 60.8% and a lightness of 48%. #3f30c5 color hex could be obtained by blending #7e60ff with #00008b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 19
- B 77
RGB color chart
- C 68
- M 76
- Y 0
- K 23
CMYK color chart

● #3f30c5 color description : Strong blue.

The hexadecimal color #3f30c5 has RGB values of R:63, G:48, B:197 and CMYK values of C:0.68, M:0.76, Y:0, K:0.23. Its decimal value is 4141253.

Hex triplet	3f30c5	`#3f30c5`
RGB Decimal	63, 48, 197	`rgb(63,48,197)`
RGB Percent	24.7, 18.8, 77.3	`rgb(24.7%,18.8%,77.3%)`
CMYK	68, 76, 0, 23
HSL	246°, 60.8, 48	`hsl(246,60.8%,48%)`
HSV (or HSB)	246°, 75.6, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.261, 50.798, -74.627
XYZ	13.183, 7.201, 53.516
xyY	0.178, 0.097, 7.201
CIE-LCH	32.261, 90.275, 304.243
CIE-LUV	32.261, -4.479, -99.942
Hunter-Lab	26.835, 40.728, -99.454
Binary	00111111, 00110000, 11000101

#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#b6c530
```
#b6c530 rgb(182,197,48)
```

Complementary Color

#306cc5
```
#306cc5 rgb(48,108,197)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#8a30c5
```
#8a30c5 rgb(138,48,197)
```

Analogous Color

#6cc530
```
#6cc530 rgb(108,197,48)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#c58a30
```
#c58a30 rgb(197,138,48)
```

Split Complementary Color

#30c53f
```
#30c53f rgb(48,197,63)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#c53f30
```
#c53f30 rgb(197,63,48)
```

Triadic Color

#30b6c5
```
#30b6c5 rgb(48,182,197)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#c53f30
```
#c53f30 rgb(197,63,48)
```
#b6c530
```
#b6c530 rgb(182,197,48)
```

Tetradic Color

#2b2187
```
#2b2187 rgb(43,33,135)
```
#32269c
```
#32269c rgb(50,38,156)
```
#382bb0
```
#382bb0 rgb(56,43,176)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#4d3ed0
```
#4d3ed0 rgb(77,62,208)
```
#6053d5
```
#6053d5 rgb(96,83,213)
```
#7367da
```
#7367da rgb(115,103,218)
```

Monochromatic Color

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

#3046c5
```
#3046c5 rgb(48,70,197)
```
#303ac5
```
#303ac5 rgb(48,58,197)
```
#3330c5
```
#3330c5 rgb(51,48,197)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#4b30c5
```
#4b30c5 rgb(75,48,197)
```
#5830c5
```
#5830c5 rgb(88,48,197)
```
#6430c5
```
#6430c5 rgb(100,48,197)
```

Similar Colors

Text with hexadecimal color #3f30c5

This text has a font color of #3f30c5.

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

#3f30c5 background color

This paragraph has a background color of #3f30c5.

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

#3f30c5 border color

This element has a border color of #3f30c5.

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

CSS codes

.text {color:#3f30c5;}

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

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

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, #020208 is the darkest color, while #f8f7fd is the lightest one.

#020208
```
#020208 rgb(2,2,8)
```
#080618
```
#080618 rgb(8,6,24)
```
#0d0a27
```
#0d0a27 rgb(13,10,39)
```
#120d37
```
#120d37 rgb(18,13,55)
```
#171147
```
#171147 rgb(23,17,71)
```
#1c1557
```
#1c1557 rgb(28,21,87)
```
#211966
```
#211966 rgb(33,25,102)
```
#261d76
```
#261d76 rgb(38,29,118)
```
#2b2186
```
#2b2186 rgb(43,33,134)
```
#302496
```
#302496 rgb(48,36,150)
```
#3528a5
```
#3528a5 rgb(53,40,165)
```
#3a2cb5
```
#3a2cb5 rgb(58,44,181)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```

Shade Color Variation

#493acf
```
#493acf rgb(73,58,207)
```
#5749d3
```
#5749d3 rgb(87,73,211)
```
#6659d7
```
#6659d7 rgb(102,89,215)
```
#7469da
```
#7469da rgb(116,105,218)
```
#8379de
```
#8379de rgb(131,121,222)
```
#9289e2
```
#9289e2 rgb(146,137,226)
```
#a098e6
```
#a098e6 rgb(160,152,230)
```
#afa8ea
```
#afa8ea rgb(175,168,234)
```
#bdb8ee
```
#bdb8ee rgb(189,184,238)
```
#ccc8f2
```
#ccc8f2 rgb(204,200,242)
```
#dad7f5
```
#dad7f5 rgb(218,215,245)
```
#e9e7f9
```
#e9e7f9 rgb(233,231,249)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747283 is the less saturated color, while #1901f4 is the most saturated one.

#747283
```
#747283 rgb(116,114,131)
```
#6c698c
```
#6c698c rgb(108,105,140)
```
#655f96
```
#655f96 rgb(101,95,150)
```
#5d569f
```
#5d569f rgb(93,86,159)
```
#564ca9
```
#564ca9 rgb(86,76,169)
```
#4e43b2
```
#4e43b2 rgb(78,67,178)
```
#4739bc
```
#4739bc rgb(71,57,188)
```
#3f30c5
```
#3f30c5 rgb(63,48,197)
```
#3727ce
```
#3727ce rgb(55,39,206)
```
#301dd8
```
#301dd8 rgb(48,29,216)
```
#2814e1
```
#2814e1 rgb(40,20,225)
```
#210aeb
```
#210aeb rgb(33,10,235)
```
#1901f4
```
#1901f4 rgb(25,1,244)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#44415f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#1646ae Protanomaly 1% of men, 0.01% of women
#1649a0 Deuteranomaly 6% of men, 0.4% of women
#164d86 Tritanomaly 0.01% of the population

#3f30c5 hex color

#3f30c5 Color Information

#3f30c5 Color Conversion

Color Schemes with #3f30c5

Alternatives to #3f30c5

#3f30c5 Preview

Shades and Tints of #3f30c5

Tones of #3f30c5

Color Blindness Simulator