#301df5 hex color

In a RGB color space, hex #301df5 is composed of 18.8% red, 11.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 88.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 245.3 degrees, a saturation of 91.5% and a lightness of 53.7%. #301df5 color hex could be obtained by blending #603aff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 11
- B 96
RGB color chart
- C 80
- M 88
- Y 0
- K 4
CMYK color chart

● #301df5 color description : Vivid blue.

The hexadecimal color #301df5 has RGB values of R:48, G:29, B:245 and CMYK values of C:0.8, M:0.88, Y:0, K:0.04. Its decimal value is 3153397.

Hex triplet	301df5	`#301df5`
RGB Decimal	48, 29, 245	`rgb(48,29,245)`
RGB Percent	18.8, 11.4, 96.1	`rgb(18.8%,11.4%,96.1%)`
CMYK	80, 88, 0, 4
HSL	245.3°, 91.5, 53.7	`hsl(245.3,91.5%,53.7%)`
HSV (or HSB)	245.3°, 88.2, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.187, 71.532, -99.05
XYZ	18.136, 8.098, 86.989
xyY	0.16, 0.072, 8.098
CIE-LCH	34.187, 122.179, 305.836
CIE-LUV	34.187, -7.439, -127.278
Hunter-Lab	28.458, 63.959, -161.314
Binary	00110000, 00011101, 11110101

#301df5
```
#301df5 rgb(48,29,245)
```
#e2f51d
```
#e2f51d rgb(226,245,29)
```

Complementary Color

#1d76f5
```
#1d76f5 rgb(29,118,245)
```
#301df5
```
#301df5 rgb(48,29,245)
```
#9c1df5
```
#9c1df5 rgb(156,29,245)
```

Analogous Color

#76f51d
```
#76f51d rgb(118,245,29)
```
#301df5
```
#301df5 rgb(48,29,245)
```
#f59c1d
```
#f59c1d rgb(245,156,29)
```

Split Complementary Color

#1df530
```
#1df530 rgb(29,245,48)
```
#301df5
```
#301df5 rgb(48,29,245)
```
#f5301d
```
#f5301d rgb(245,48,29)
```

Triadic Color

#1de2f5
```
#1de2f5 rgb(29,226,245)
```
#301df5
```
#301df5 rgb(48,29,245)
```
#f5301d
```
#f5301d rgb(245,48,29)
```
#e2f51d
```
#e2f51d rgb(226,245,29)
```

Tetradic Color

#1808bd
```
#1808bd rgb(24,8,189)
```
#1b09d6
```
#1b09d6 rgb(27,9,214)
```
#1f0bee
```
#1f0bee rgb(31,11,238)
```
#301df5
```
#301df5 rgb(48,29,245)
```
#4635f6
```
#4635f6 rgb(70,53,246)
```
#5d4ef7
```
#5d4ef7 rgb(93,78,247)
```
#7366f8
```
#7366f8 rgb(115,102,248)
```

Monochromatic Color

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

#1d40f5
```
#1d40f5 rgb(29,64,245)
```
#1d2ef5
```
#1d2ef5 rgb(29,46,245)
```
#1e1df5
```
#1e1df5 rgb(30,29,245)
```
#301df5
```
#301df5 rgb(48,29,245)
```
#421df5
```
#421df5 rgb(66,29,245)
```
#541df5
```
#541df5 rgb(84,29,245)
```
#661df5
```
#661df5 rgb(102,29,245)
```

Similar Colors

Text with hexadecimal color #301df5

This text has a font color of #301df5.

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

#301df5 background color

This paragraph has a background color of #301df5.

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

#301df5 border color

This element has a border color of #301df5.

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

CSS codes

.text {color:#301df5;}

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

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

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

#020112
```
#020112 rgb(2,1,18)
```
#050225
```
#050225 rgb(5,2,37)
```
#070238
```
#070238 rgb(7,2,56)
```
#0a034b
```
#0a034b rgb(10,3,75)
```
#0c045d
```
#0c045d rgb(12,4,93)
```
#0e0570
```
#0e0570 rgb(14,5,112)
```
#110683
```
#110683 rgb(17,6,131)
```
#130796
```
#130796 rgb(19,7,150)
```
#1607a8
```
#1607a8 rgb(22,7,168)
```
#1808bb
```
#1808bb rgb(24,8,187)
```
#1a09ce
```
#1a09ce rgb(26,9,206)
```
#1d0ae1
```
#1d0ae1 rgb(29,10,225)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```

Shade Color Variation

#301df5
```
#301df5 rgb(48,29,245)
```
#4130f6
```
#4130f6 rgb(65,48,246)
```
#5243f7
```
#5243f7 rgb(82,67,247)
```
#6455f7
```
#6455f7 rgb(100,85,247)
```
#7568f8
```
#7568f8 rgb(117,104,248)
```
#867bf9
```
#867bf9 rgb(134,123,249)
```
#978efa
```
#978efa rgb(151,142,250)
```
#a8a0fb
```
#a8a0fb rgb(168,160,251)
```
#bab3fc
```
#bab3fc rgb(186,179,252)
```
#cbc6fc
```
#cbc6fc rgb(203,198,252)
```
#dcd9fd
```
#dcd9fd rgb(220,217,253)
```
#edecfe
```
#edecfe rgb(237,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#828191
```
#828191 rgb(130,129,145)
```
#7b789a
```
#7b789a rgb(123,120,154)
```
#736fa3
```
#736fa3 rgb(115,111,163)
```
#6c66ac
```
#6c66ac rgb(108,102,172)
```
#645db5
```
#645db5 rgb(100,93,181)
```
#5d53bf
```
#5d53bf rgb(93,83,191)
```
#554ac8
```
#554ac8 rgb(85,74,200)
```
#4e41d1
```
#4e41d1 rgb(78,65,209)
```
#4638da
```
#4638da rgb(70,56,218)
```
#3f2fe3
```
#3f2fe3 rgb(63,47,227)
```
#3726ec
```
#3726ec rgb(55,38,236)
```
#301df5
```
#301df5 rgb(48,29,245)
```
#2914fe
```
#2914fe rgb(41,20,254)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#1141c4 Protanomaly 1% of men, 0.01% of women
#1145b5 Deuteranomaly 6% of men, 0.4% of women
#11499a Tritanomaly 0.01% of the population

#301df5 hex color

#301df5 Color Information

#301df5 Color Conversion

Color Schemes with #301df5

Alternatives to #301df5

#301df5 Preview

Shades and Tints of #301df5

Tones of #301df5

Color Blindness Simulator