#301fdb hex color

In a RGB color space, hex #301fdb is composed of 18.8% red, 12.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 85.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 245.4 degrees, a saturation of 75.2% and a lightness of 49%. #301fdb color hex could be obtained by blending #603eff with #0000b7. Closest websafe color is: #3333cc.

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

● #301fdb color description : Vivid blue.

The hexadecimal color #301fdb has RGB values of R:48, G:31, B:219 and CMYK values of C:0.78, M:0.86, Y:0, K:0.14. Its decimal value is 3153883.

Hex triplet	301fdb	`#301fdb`
RGB Decimal	48, 31, 219	`rgb(48,31,219)`
RGB Percent	18.8, 12.2, 85.9	`rgb(18.8%,12.2%,85.9%)`
CMYK	78, 86, 0, 14
HSL	245.4°, 75.2, 49	`hsl(245.4,75.2%,49%)`
HSV (or HSB)	245.4°, 85.8, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.165, 63.821, -89.255
XYZ	14.493, 6.722, 67.548
xyY	0.163, 0.076, 6.722
CIE-LCH	31.165, 109.725, 305.566
CIE-LUV	31.165, -6.289, -112.66
Hunter-Lab	25.927, 54.407, -136.322
Binary	00110000, 00011111, 11011011

#301fdb
```
#301fdb rgb(48,31,219)
```
#cadb1f
```
#cadb1f rgb(202,219,31)
```

Complementary Color

#1f6cdb
```
#1f6cdb rgb(31,108,219)
```
#301fdb
```
#301fdb rgb(48,31,219)
```
#8e1fdb
```
#8e1fdb rgb(142,31,219)
```

Analogous Color

#6cdb1f
```
#6cdb1f rgb(108,219,31)
```
#301fdb
```
#301fdb rgb(48,31,219)
```
#db8e1f
```
#db8e1f rgb(219,142,31)
```

Split Complementary Color

#1fdb30
```
#1fdb30 rgb(31,219,48)
```
#301fdb
```
#301fdb rgb(48,31,219)
```
#db301f
```
#db301f rgb(219,48,31)
```

Triadic Color

#1fcadb
```
#1fcadb rgb(31,202,219)
```
#301fdb
```
#301fdb rgb(48,31,219)
```
#db301f
```
#db301f rgb(219,48,31)
```
#cadb1f
```
#cadb1f rgb(202,219,31)
```

Tetradic Color

#211698
```
#211698 rgb(33,22,152)
```
#2619ae
```
#2619ae rgb(38,25,174)
```
#2b1cc5
```
#2b1cc5 rgb(43,28,197)
```
#301fdb
```
#301fdb rgb(48,31,219)
```
#4232e2
```
#4232e2 rgb(66,50,226)
```
#5648e5
```
#5648e5 rgb(86,72,229)
```
#6b5ee8
```
#6b5ee8 rgb(107,94,232)
```

Monochromatic Color

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

#1f3ddb
```
#1f3ddb rgb(31,61,219)
```
#1f2ddb
```
#1f2ddb rgb(31,45,219)
```
#201fdb
```
#201fdb rgb(32,31,219)
```
#301fdb
```
#301fdb rgb(48,31,219)
```
#401fdb
```
#401fdb rgb(64,31,219)
```
#4f1fdb
```
#4f1fdb rgb(79,31,219)
```
#5f1fdb
```
#5f1fdb rgb(95,31,219)
```

Similar Colors

Text with hexadecimal color #301fdb

This text has a font color of #301fdb.

<span style="color:#301fdb;">Text here</span>

#301fdb background color

This paragraph has a background color of #301fdb.

<p style="background-color:#301fdb;">Content here</p>

#301fdb border color

This element has a border color of #301fdb.

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

CSS codes

.text {color:#301fdb;}

.background {background-color:#301fdb;}

.border {border:1px solid #301fdb;}

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

#03020d
```
#03020d rgb(3,2,13)
```
#07041e
```
#07041e rgb(7,4,30)
```
#0a072f
```
#0a072f rgb(10,7,47)
```
#0e0940
```
#0e0940 rgb(14,9,64)
```
#120c52
```
#120c52 rgb(18,12,82)
```
#160e63
```
#160e63 rgb(22,14,99)
```
#191074
```
#191074 rgb(25,16,116)
```
#1d1385
```
#1d1385 rgb(29,19,133)
```
#211596
```
#211596 rgb(33,21,150)
```
#2518a7
```
#2518a7 rgb(37,24,167)
```
#281ab9
```
#281ab9 rgb(40,26,185)
```
#2c1dca
```
#2c1dca rgb(44,29,202)
```
#301fdb
```
#301fdb rgb(48,31,219)
```

Shade Color Variation

#3d2ce1
```
#3d2ce1 rgb(61,44,225)
```
#4d3ee4
```
#4d3ee4 rgb(77,62,228)
```
#5c4fe6
```
#5c4fe6 rgb(92,79,230)
```
#6c60e8
```
#6c60e8 rgb(108,96,232)
```
#7c71eb
```
#7c71eb rgb(124,113,235)
```
#8c82ed
```
#8c82ed rgb(140,130,237)
```
#9c94f0
```
#9c94f0 rgb(156,148,240)
```
#aca5f2
```
#aca5f2 rgb(172,165,242)
```
#bcb6f5
```
#bcb6f5 rgb(188,182,245)
```
#cbc7f7
```
#cbc7f7 rgb(203,199,247)
```
#dbd8fa
```
#dbd8fa rgb(219,216,250)
```
#ebe9fc
```
#ebe9fc rgb(235,233,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#777684
```
#777684 rgb(119,118,132)
```
#6f6c8e
```
#6f6c8e rgb(111,108,142)
```
#676298
```
#676298 rgb(103,98,152)
```
#5f59a1
```
#5f59a1 rgb(95,89,161)
```
#574fab
```
#574fab rgb(87,79,171)
```
#5045b5
```
#5045b5 rgb(80,69,181)
```
#483cbe
```
#483cbe rgb(72,60,190)
```
#4032c8
```
#4032c8 rgb(64,50,200)
```
#3829d1
```
#3829d1 rgb(56,41,209)
```
#301fdb
```
#301fdb rgb(48,31,219)
```
#2815e5
```
#2815e5 rgb(40,21,229)
```
#200cee
```
#200cee rgb(32,12,238)
```
#1802f8
```
#1802f8 rgb(24,2,248)
```

Tone Color Variation

Below, you can see how #301fdb 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

#3a3a3a Achromatopsia 0.005% of the population
#38355a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#113eb2 Protanomaly 1% of men, 0.01% of women
#1141a5 Deuteranomaly 6% of men, 0.4% of women
#11458c Tritanomaly 0.01% of the population

#301fdb hex color

#301fdb Color Information

#301fdb Color Conversion

Color Schemes with #301fdb

Alternatives to #301fdb

#301fdb Preview

Shades and Tints of #301fdb

Tones of #301fdb

Color Blindness Simulator