#301edb hex color

In a RGB color space, hex #301edb is composed of 18.8% red, 11.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 86.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 245.7 degrees, a saturation of 75.9% and a lightness of 48.8%. #301edb color hex could be obtained by blending #603cff 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

● #301edb color description : Vivid blue.

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

Hex triplet	301edb	`#301edb`
RGB Decimal	48, 30, 219	`rgb(48,30,219)`
RGB Percent	18.8, 11.8, 85.9	`rgb(18.8%,11.8%,85.9%)`
CMYK	78, 86, 0, 14
HSL	245.7°, 75.9, 48.8	`hsl(245.7,75.9%,48.8%)`
HSV (or HSB)	245.7°, 86.3, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.045, 64.183, -89.455
XYZ	14.467, 6.67, 67.539
xyY	0.163, 0.075, 6.67
CIE-LCH	31.045, 110.099, 305.659
CIE-LUV	31.045, -6.205, -112.614
Hunter-Lab	25.827, 54.787, -136.966
Binary	00110000, 00011110, 11011011

#301edb
```
#301edb rgb(48,30,219)
```
#c9db1e
```
#c9db1e rgb(201,219,30)
```

Complementary Color

#1e6bdb
```
#1e6bdb rgb(30,107,219)
```
#301edb
```
#301edb rgb(48,30,219)
```
#8f1edb
```
#8f1edb rgb(143,30,219)
```

Analogous Color

#6bdb1e
```
#6bdb1e rgb(107,219,30)
```
#301edb
```
#301edb rgb(48,30,219)
```
#db8f1e
```
#db8f1e rgb(219,143,30)
```

Split Complementary Color

#1edb30
```
#1edb30 rgb(30,219,48)
```
#301edb
```
#301edb rgb(48,30,219)
```
#db301e
```
#db301e rgb(219,48,30)
```

Triadic Color

#1ec9db
```
#1ec9db rgb(30,201,219)
```
#301edb
```
#301edb rgb(48,30,219)
```
#db301e
```
#db301e rgb(219,48,30)
```
#c9db1e
```
#c9db1e rgb(201,219,30)
```

Tetradic Color

#211598
```
#211598 rgb(33,21,152)
```
#2618ae
```
#2618ae rgb(38,24,174)
```
#2b1bc5
```
#2b1bc5 rgb(43,27,197)
```
#301edb
```
#301edb rgb(48,30,219)
```
#4130e3
```
#4130e3 rgb(65,48,227)
```
#5546e6
```
#5546e6 rgb(85,70,230)
```
#6a5de9
```
#6a5de9 rgb(106,93,233)
```

Monochromatic Color

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

#1e3bdb
```
#1e3bdb rgb(30,59,219)
```
#1e2cdb
```
#1e2cdb rgb(30,44,219)
```
#201edb
```
#201edb rgb(32,30,219)
```
#301edb
```
#301edb rgb(48,30,219)
```
#401edb
```
#401edb rgb(64,30,219)
```
#501edb
```
#501edb rgb(80,30,219)
```
#5f1edb
```
#5f1edb rgb(95,30,219)
```

Similar Colors

Text with hexadecimal color #301edb

This text has a font color of #301edb.

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

#301edb background color

This paragraph has a background color of #301edb.

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

#301edb border color

This element has a border color of #301edb.

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

CSS codes

.text {color:#301edb;}

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

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

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

#03020c
```
#03020c rgb(3,2,12)
```
#06041d
```
#06041d rgb(6,4,29)
```
#0a062e
```
#0a062e rgb(10,6,46)
```
#0e0940
```
#0e0940 rgb(14,9,64)
```
#120b51
```
#120b51 rgb(18,11,81)
```
#160d62
```
#160d62 rgb(22,13,98)
```
#191073
```
#191073 rgb(25,16,115)
```
#1d1285
```
#1d1285 rgb(29,18,133)
```
#211596
```
#211596 rgb(33,21,150)
```
#2517a7
```
#2517a7 rgb(37,23,167)
```
#2819b8
```
#2819b8 rgb(40,25,184)
```
#2c1cca
```
#2c1cca rgb(44,28,202)
```
#301edb
```
#301edb rgb(48,30,219)
```

Shade Color Variation

#3c2be2
```
#3c2be2 rgb(60,43,226)
```
#4c3ce4
```
#4c3ce4 rgb(76,60,228)
```
#5c4de7
```
#5c4de7 rgb(92,77,231)
```
#6c5ee9
```
#6c5ee9 rgb(108,94,233)
```
#7b70eb
```
#7b70eb rgb(123,112,235)
```
#8b81ee
```
#8b81ee rgb(139,129,238)
```
#9b92f0
```
#9b92f0 rgb(155,146,240)
```
#aba3f2
```
#aba3f2 rgb(171,163,242)
```
#bbb5f5
```
#bbb5f5 rgb(187,181,245)
```
#cbc6f7
```
#cbc6f7 rgb(203,198,247)
```
#dad7fa
```
#dad7fa rgb(218,215,250)
```
#eae8fc
```
#eae8fc rgb(234,232,252)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#767485
```
#767485 rgb(118,116,133)
```
#6e6b8e
```
#6e6b8e rgb(110,107,142)
```
#666198
```
#666198 rgb(102,97,152)
```
#5f57a2
```
#5f57a2 rgb(95,87,162)
```
#574eab
```
#574eab rgb(87,78,171)
```
#4f44b5
```
#4f44b5 rgb(79,68,181)
```
#473bbe
```
#473bbe rgb(71,59,190)
```
#4031c8
```
#4031c8 rgb(64,49,200)
```
#3828d1
```
#3828d1 rgb(56,40,209)
```
#301edb
```
#301edb rgb(48,30,219)
```
#2814e5
```
#2814e5 rgb(40,20,229)
```
#200bee
```
#200bee rgb(32,11,238)
```
#1901f8
```
#1901f8 rgb(25,1,248)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#113db2 Protanomaly 1% of men, 0.01% of women
#1140a5 Deuteranomaly 6% of men, 0.4% of women
#11448b Tritanomaly 0.01% of the population

#301edb hex color

#301edb Color Information

#301edb Color Conversion

Color Schemes with #301edb

Alternatives to #301edb

#301edb Preview

Shades and Tints of #301edb

Tones of #301edb

Color Blindness Simulator