#3f30df hex color

In a RGB color space, hex #3f30df is composed of 24.7% red, 18.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 78.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 245.1 degrees, a saturation of 73.2% and a lightness of 53.1%. #3f30df color hex could be obtained by blending #7e60ff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 19
- B 87
RGB color chart
- C 72
- M 78
- Y 0
- K 13
CMYK color chart

● #3f30df color description : Bright blue.

The hexadecimal color #3f30df has RGB values of R:63, G:48, B:223 and CMYK values of C:0.72, M:0.78, Y:0, K:0.13. Its decimal value is 4141279.

Hex triplet	3f30df	`#3f30df`
RGB Decimal	63, 48, 223	`rgb(63,48,223)`
RGB Percent	24.7, 18.8, 87.5	`rgb(24.7%,18.8%,87.5%)`
CMYK	72, 78, 0, 13
HSL	245.1°, 73.2, 53.1	`hsl(245.1,73.2%,53.1%)`
HSV (or HSB)	245.1°, 78.5, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.998, 58.672, -85.164
XYZ	16.424, 8.497, 70.583
xyY	0.172, 0.089, 8.497
CIE-LCH	34.998, 103.418, 304.564
CIE-LUV	34.998, -5.967, -115.241
Hunter-Lab	29.15, 49.555, -123.155
Binary	00111111, 00110000, 11011111

#3f30df
```
#3f30df rgb(63,48,223)
```
#d0df30
```
#d0df30 rgb(208,223,48)
```

Complementary Color

#3079df
```
#3079df rgb(48,121,223)
```
#3f30df
```
#3f30df rgb(63,48,223)
```
#9730df
```
#9730df rgb(151,48,223)
```

Analogous Color

#79df30
```
#79df30 rgb(121,223,48)
```
#3f30df
```
#3f30df rgb(63,48,223)
```
#df9730
```
#df9730 rgb(223,151,48)
```

Split Complementary Color

#30df3f
```
#30df3f rgb(48,223,63)
```
#3f30df
```
#3f30df rgb(63,48,223)
```
#df3f30
```
#df3f30 rgb(223,63,48)
```

Triadic Color

#30d0df
```
#30d0df rgb(48,208,223)
```
#3f30df
```
#3f30df rgb(63,48,223)
```
#df3f30
```
#df3f30 rgb(223,63,48)
```
#d0df30
```
#d0df30 rgb(208,223,48)
```

Tetradic Color

#261aa8
```
#261aa8 rgb(38,26,168)
```
#2b1dbf
```
#2b1dbf rgb(43,29,191)
```
#3021d5
```
#3021d5 rgb(48,33,213)
```
#3f30df
```
#3f30df rgb(63,48,223)
```
#5346e2
```
#5346e2 rgb(83,70,226)
```
#685ce6
```
#685ce6 rgb(104,92,230)
```
#7c72e9
```
#7c72e9 rgb(124,114,233)
```

Monochromatic Color

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

#304ddf
```
#304ddf rgb(48,77,223)
```
#303edf
```
#303edf rgb(48,62,223)
```
#3030df
```
#3030df rgb(48,48,223)
```
#3f30df
```
#3f30df rgb(63,48,223)
```
#4e30df
```
#4e30df rgb(78,48,223)
```
#5c30df
```
#5c30df rgb(92,48,223)
```
#6b30df
```
#6b30df rgb(107,48,223)
```

Similar Colors

Text with hexadecimal color #3f30df

This text has a font color of #3f30df.

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

#3f30df background color

This paragraph has a background color of #3f30df.

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

#3f30df border color

This element has a border color of #3f30df.

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

CSS codes

.text {color:#3f30df;}

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

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

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

#03020e
```
#03020e rgb(3,2,14)
```
#07051f
```
#07051f rgb(7,5,31)
```
#0b0730
```
#0b0730 rgb(11,7,48)
```
#0f0a41
```
#0f0a41 rgb(15,10,65)
```
#130d52
```
#130d52 rgb(19,13,82)
```
#160f63
```
#160f63 rgb(22,15,99)
```
#1a1274
```
#1a1274 rgb(26,18,116)
```
#1e1585
```
#1e1585 rgb(30,21,133)
```
#221796
```
#221796 rgb(34,23,150)
```
#261aa7
```
#261aa7 rgb(38,26,167)
```
#2a1cb8
```
#2a1cb8 rgb(42,28,184)
```
#2e1fc9
```
#2e1fc9 rgb(46,31,201)
```
#3122da
```
#3122da rgb(49,34,218)
```

Shade Color Variation

#3f30df
```
#3f30df rgb(63,48,223)
```
#4f41e2
```
#4f41e2 rgb(79,65,226)
```
#5f52e4
```
#5f52e4 rgb(95,82,228)
```
#6e63e7
```
#6e63e7 rgb(110,99,231)
```
#7e74ea
```
#7e74ea rgb(126,116,234)
```
#8e85ec
```
#8e85ec rgb(142,133,236)
```
#9e96ef
```
#9e96ef rgb(158,150,239)
```
#ada7f1
```
#ada7f1 rgb(173,167,241)
```
#bdb8f4
```
#bdb8f4 rgb(189,184,244)
```
#cdc9f7
```
#cdc9f7 rgb(205,201,247)
```
#dddaf9
```
#dddaf9 rgb(221,218,249)
```
#ecebfc
```
#ecebfc rgb(236,235,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84838c is the less saturated color, while #2814fb is the most saturated one.

#84838c
```
#84838c rgb(132,131,140)
```
#7c7a95
```
#7c7a95 rgb(124,122,149)
```
#74709f
```
#74709f rgb(116,112,159)
```
#6d67a8
```
#6d67a8 rgb(109,103,168)
```
#655eb1
```
#655eb1 rgb(101,94,177)
```
#5d55ba
```
#5d55ba rgb(93,85,186)
```
#564cc3
```
#564cc3 rgb(86,76,195)
```
#4e42cd
```
#4e42cd rgb(78,66,205)
```
#4739d6
```
#4739d6 rgb(71,57,214)
```
#3f30df
```
#3f30df rgb(63,48,223)
```
#3727e8
```
#3727e8 rgb(55,39,232)
```
#301ef1
```
#301ef1 rgb(48,30,241)
```
#2814fb
```
#2814fb rgb(40,20,251)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#464366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#1649be Protanomaly 1% of men, 0.01% of women
#164db0 Deuteranomaly 6% of men, 0.4% of women
#165194 Tritanomaly 0.01% of the population

#3f30df hex color

#3f30df Color Information

#3f30df Color Conversion

Color Schemes with #3f30df

Alternatives to #3f30df

#3f30df Preview

Shades and Tints of #3f30df

Tones of #3f30df

Color Blindness Simulator