#3f30be hex color

In a RGB color space, hex #3f30be is composed of 24.7% red, 18.8% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 74.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 246.3 degrees, a saturation of 59.7% and a lightness of 46.7%. #3f30be color hex could be obtained by blending #7e60ff with #00007d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 19
- B 75
RGB color chart
- C 67
- M 75
- Y 0
- K 25
CMYK color chart

● #3f30be color description : Moderate blue.

The hexadecimal color #3f30be has RGB values of R:63, G:48, B:190 and CMYK values of C:0.67, M:0.75, Y:0, K:0.25. Its decimal value is 4141246.

Hex triplet	3f30be	`#3f30be`
RGB Decimal	63, 48, 190	`rgb(63,48,190)`
RGB Percent	24.7, 18.8, 74.5	`rgb(24.7%,18.8%,74.5%)`
CMYK	67, 75, 0, 25
HSL	246.3°, 59.7, 46.7	`hsl(246.3,59.7%,46.7%)`
HSV (or HSB)	246.3°, 74.7, 74.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.55, 48.628, -71.686
XYZ	12.399, 6.888, 49.388
xyY	0.181, 0.1, 6.888
CIE-LCH	31.55, 86.623, 304.151
CIE-LUV	31.55, -4.055, -95.737
Hunter-Lab	26.245, 38.405, -93.204
Binary	00111111, 00110000, 10111110

#3f30be
```
#3f30be rgb(63,48,190)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```

Complementary Color

#3068be
```
#3068be rgb(48,104,190)
```
#3f30be
```
#3f30be rgb(63,48,190)
```
#8630be
```
#8630be rgb(134,48,190)
```

Analogous Color

#68be30
```
#68be30 rgb(104,190,48)
```
#3f30be
```
#3f30be rgb(63,48,190)
```
#be8630
```
#be8630 rgb(190,134,48)
```

Split Complementary Color

#30be3f
```
#30be3f rgb(48,190,63)
```
#3f30be
```
#3f30be rgb(63,48,190)
```
#be3f30
```
#be3f30 rgb(190,63,48)
```

Triadic Color

#30afbe
```
#30afbe rgb(48,175,190)
```
#3f30be
```
#3f30be rgb(63,48,190)
```
#be3f30
```
#be3f30 rgb(190,63,48)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```

Tetradic Color

#2b2181
```
#2b2181 rgb(43,33,129)
```
#312695
```
#312695 rgb(49,38,149)
```
#382baa
```
#382baa rgb(56,43,170)
```
#3f30be
```
#3f30be rgb(63,48,190)
```
#4a3acd
```
#4a3acd rgb(74,58,205)
```
#5d4fd2
```
#5d4fd2 rgb(93,79,210)
```
#6f63d8
```
#6f63d8 rgb(111,99,216)
```

Monochromatic Color

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

#3045be
```
#3045be rgb(48,69,190)
```
#3039be
```
#3039be rgb(48,57,190)
```
#3330be
```
#3330be rgb(51,48,190)
```
#3f30be
```
#3f30be rgb(63,48,190)
```
#4b30be
```
#4b30be rgb(75,48,190)
```
#5730be
```
#5730be rgb(87,48,190)
```
#6230be
```
#6230be rgb(98,48,190)
```

Similar Colors

Text with hexadecimal color #3f30be

This text has a font color of #3f30be.

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

#3f30be background color

This paragraph has a background color of #3f30be.

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

#3f30be border color

This element has a border color of #3f30be.

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

CSS codes

.text {color:#3f30be;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060412
```
#060412 rgb(6,4,18)
```
#0b0821
```
#0b0821 rgb(11,8,33)
```
#100c31
```
#100c31 rgb(16,12,49)
```
#151041
```
#151041 rgb(21,16,65)
```
#1b1450
```
#1b1450 rgb(27,20,80)
```
#201860
```
#201860 rgb(32,24,96)
```
#251c70
```
#251c70 rgb(37,28,112)
```
#2a207f
```
#2a207f rgb(42,32,127)
```
#2f248f
```
#2f248f rgb(47,36,143)
```
#35289f
```
#35289f rgb(53,40,159)
```
#3a2cae
```
#3a2cae rgb(58,44,174)
```
#3f30be
```
#3f30be rgb(63,48,190)
```

Shade Color Variation

#4536cc
```
#4536cc rgb(69,54,204)
```
#5445d0
```
#5445d0 rgb(84,69,208)
```
#6255d4
```
#6255d4 rgb(98,85,212)
```
#7164d8
```
#7164d8 rgb(113,100,216)
```
#7f74dc
```
#7f74dc rgb(127,116,220)
```
#8e84e0
```
#8e84e0 rgb(142,132,224)
```
#9c93e4
```
#9c93e4 rgb(156,147,228)
```
#aaa3e8
```
#aaa3e8 rgb(170,163,232)
```
#b9b3ec
```
#b9b3ec rgb(185,179,236)
```
#c7c2f0
```
#c7c2f0 rgb(199,194,240)
```
#d6d2f4
```
#d6d2f4 rgb(214,210,244)
```
#e4e2f8
```
#e4e2f8 rgb(228,226,248)
```
#f3f1fc
```
#f3f1fc rgb(243,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72707e is the less saturated color, while #1b02ec is the most saturated one.

#72707e
```
#72707e rgb(114,112,126)
```
#6a6787
```
#6a6787 rgb(106,103,135)
```
#635e90
```
#635e90 rgb(99,94,144)
```
#5c5599
```
#5c5599 rgb(92,85,153)
```
#554ba3
```
#554ba3 rgb(85,75,163)
```
#4d42ac
```
#4d42ac rgb(77,66,172)
```
#4639b5
```
#4639b5 rgb(70,57,181)
```
#3f30be
```
#3f30be rgb(63,48,190)
```
#3827c7
```
#3827c7 rgb(56,39,199)
```
#311ed0
```
#311ed0 rgb(49,30,208)
```
#2915d9
```
#2915d9 rgb(41,21,217)
```
#220be3
```
#220be3 rgb(34,11,227)
```
#1b02ec
```
#1b02ec rgb(27,2,236)
```

Tone Color Variation

Below, you can see how #3f30be 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
#44415d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005589 Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#1645a9 Protanomaly 1% of men, 0.01% of women
#16489c Deuteranomaly 6% of men, 0.4% of women
#164b83 Tritanomaly 0.01% of the population

#3f30be hex color

#3f30be Color Information

#3f30be Color Conversion

Color Schemes with #3f30be

Alternatives to #3f30be

#3f30be Preview

Shades and Tints of #3f30be

Tones of #3f30be

Color Blindness Simulator