#3f30db hex color

In a RGB color space, hex #3f30db is composed of 24.7% red, 18.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 78.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 245.3 degrees, a saturation of 70.4% and a lightness of 52.4%. #3f30db color hex could be obtained by blending #7e60ff with #0000b7. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 19
- B 86
RGB color chart
- C 71
- M 78
- Y 0
- K 14
CMYK color chart

● #3f30db color description : Bright blue.

The hexadecimal color #3f30db has RGB values of R:63, G:48, B:219 and CMYK values of C:0.71, M:0.78, Y:0, K:0.14. Its decimal value is 4141275.

Hex triplet	3f30db	`#3f30db`
RGB Decimal	63, 48, 219	`rgb(63,48,219)`
RGB Percent	24.7, 18.8, 85.9	`rgb(24.7%,18.8%,85.9%)`
CMYK	71, 78, 0, 14
HSL	245.3°, 70.4, 52.4	`hsl(245.3,70.4%,52.4%)`
HSV (or HSB)	245.3°, 78.1, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.568, 57.48, -83.58
XYZ	15.891, 8.284, 67.776
xyY	0.173, 0.09, 8.284
CIE-LCH	34.568, 101.437, 304.518
CIE-LUV	34.568, -5.746, -112.917
Hunter-Lab	28.782, 48.179, -119.466
Binary	00111111, 00110000, 11011011

#3f30db
```
#3f30db rgb(63,48,219)
```
#ccdb30
```
#ccdb30 rgb(204,219,48)
```

Complementary Color

#3077db
```
#3077db rgb(48,119,219)
```
#3f30db
```
#3f30db rgb(63,48,219)
```
#9530db
```
#9530db rgb(149,48,219)
```

Analogous Color

#77db30
```
#77db30 rgb(119,219,48)
```
#3f30db
```
#3f30db rgb(63,48,219)
```
#db9530
```
#db9530 rgb(219,149,48)
```

Split Complementary Color

#30db3f
```
#30db3f rgb(48,219,63)
```
#3f30db
```
#3f30db rgb(63,48,219)
```
#db3f30
```
#db3f30 rgb(219,63,48)
```

Triadic Color

#30ccdb
```
#30ccdb rgb(48,204,219)
```
#3f30db
```
#3f30db rgb(63,48,219)
```
#db3f30
```
#db3f30 rgb(219,63,48)
```
#ccdb30
```
#ccdb30 rgb(204,219,48)
```

Tetradic Color

#281ca2
```
#281ca2 rgb(40,28,162)
```
#2d20b8
```
#2d20b8 rgb(45,32,184)
```
#3324ce
```
#3324ce rgb(51,36,206)
```
#3f30db
```
#3f30db rgb(63,48,219)
```
#5346df
```
#5346df rgb(83,70,223)
```
#675be3
```
#675be3 rgb(103,91,227)
```
#7b71e6
```
#7b71e6 rgb(123,113,230)
```

Monochromatic Color

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

#304cdb
```
#304cdb rgb(48,76,219)
```
#303edb
```
#303edb rgb(48,62,219)
```
#3130db
```
#3130db rgb(49,48,219)
```
#3f30db
```
#3f30db rgb(63,48,219)
```
#4d30db
```
#4d30db rgb(77,48,219)
```
#5c30db
```
#5c30db rgb(92,48,219)
```
#6a30db
```
#6a30db rgb(106,48,219)
```

Similar Colors

Text with hexadecimal color #3f30db

This text has a font color of #3f30db.

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

#3f30db background color

This paragraph has a background color of #3f30db.

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

#3f30db border color

This element has a border color of #3f30db.

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

CSS codes

.text {color:#3f30db;}

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

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

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

#03020a
```
#03020a rgb(3,2,10)
```
#07051b
```
#07051b rgb(7,5,27)
```
#0b082c
```
#0b082c rgb(11,8,44)
```
#0f0a3c
```
#0f0a3c rgb(15,10,60)
```
#130d4d
```
#130d4d rgb(19,13,77)
```
#17105e
```
#17105e rgb(23,16,94)
```
#1b136e
```
#1b136e rgb(27,19,110)
```
#1f167f
```
#1f167f rgb(31,22,127)
```
#231990
```
#231990 rgb(35,25,144)
```
#281ca1
```
#281ca1 rgb(40,28,161)
```
#2c1fb1
```
#2c1fb1 rgb(44,31,177)
```
#3022c2
```
#3022c2 rgb(48,34,194)
```
#3425d3
```
#3425d3 rgb(52,37,211)
```

Shade Color Variation

#3f30db
```
#3f30db rgb(63,48,219)
```
#4e41de
```
#4e41de rgb(78,65,222)
```
#5e51e1
```
#5e51e1 rgb(94,81,225)
```
#6d62e4
```
#6d62e4 rgb(109,98,228)
```
#7d73e7
```
#7d73e7 rgb(125,115,231)
```
#8c84ea
```
#8c84ea rgb(140,132,234)
```
#9c94ec
```
#9c94ec rgb(156,148,236)
```
#aba5ef
```
#aba5ef rgb(171,165,239)
```
#bbb6f2
```
#bbb6f2 rgb(187,182,242)
```
#cac6f5
```
#cac6f5 rgb(202,198,245)
```
#dad7f8
```
#dad7f8 rgb(218,215,248)
```
#e9e8fb
```
#e9e8fb rgb(233,232,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#848487
```
#848487 rgb(132,132,135)
```
#7d7b90
```
#7d7b90 rgb(125,123,144)
```
#75719a
```
#75719a rgb(117,113,154)
```
#6d68a3
```
#6d68a3 rgb(109,104,163)
```
#665fac
```
#665fac rgb(102,95,172)
```
#5e55b6
```
#5e55b6 rgb(94,85,182)
```
#564cbf
```
#564cbf rgb(86,76,191)
```
#4e43c8
```
#4e43c8 rgb(78,67,200)
```
#4739d2
```
#4739d2 rgb(71,57,210)
```
#3f30db
```
#3f30db rgb(63,48,219)
```
#3727e4
```
#3727e4 rgb(55,39,228)
```
#301dee
```
#301dee rgb(48,29,238)
```
#2814f7
```
#2814f7 rgb(40,20,247)
```

Tone Color Variation

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

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1649bc Protanomaly 1% of men, 0.01% of women
#164cad Deuteranomaly 6% of men, 0.4% of women
#165092 Tritanomaly 0.01% of the population

#3f30db hex color

#3f30db Color Information

#3f30db Color Conversion

Color Schemes with #3f30db

Alternatives to #3f30db

#3f30db Preview

Shades and Tints of #3f30db

Tones of #3f30db

Color Blindness Simulator