#300ce5 hex color

In a RGB color space, hex #300ce5 is composed of 18.8% red, 4.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 94.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 250 degrees, a saturation of 90% and a lightness of 47.3%. #300ce5 color hex could be obtained by blending #6018ff with #0000cb. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 5
- B 90
RGB color chart
- C 79
- M 95
- Y 0
- K 10
CMYK color chart

● #300ce5 color description : Vivid blue.

The hexadecimal color #300ce5 has RGB values of R:48, G:12, B:229 and CMYK values of C:0.79, M:0.95, Y:0, K:0.1. Its decimal value is 3149029.

Hex triplet	300ce5	`#300ce5`
RGB Decimal	48, 12, 229	`rgb(48,12,229)`
RGB Percent	18.8, 4.7, 89.8	`rgb(18.8%,4.7%,89.8%)`
CMYK	79, 95, 0, 10
HSL	250°, 90, 47.3	`hsl(250,90%,47.3%)`
HSV (or HSB)	250°, 94.8, 89.8
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.754, 71.59, -95.683
XYZ	15.49, 6.547, 74.572
xyY	0.16, 0.068, 6.547
CIE-LCH	30.754, 119.501, 306.804
CIE-LUV	30.754, -5.679, -117.419
Hunter-Lab	25.588, 63.281, -154.879
Binary	00110000, 00001100, 11100101

#300ce5
```
#300ce5 rgb(48,12,229)
```
#c1e50c
```
#c1e50c rgb(193,229,12)
```

Complementary Color

#0c55e5
```
#0c55e5 rgb(12,85,229)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```
#9d0ce5
```
#9d0ce5 rgb(157,12,229)
```

Analogous Color

#54e50c
```
#54e50c rgb(84,229,12)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```
#e59d0c
```
#e59d0c rgb(229,157,12)
```

Split Complementary Color

#0ce530
```
#0ce530 rgb(12,229,48)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```
#e5300c
```
#e5300c rgb(229,48,12)
```

Triadic Color

#0cc1e5
```
#0cc1e5 rgb(12,193,229)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```
#e5300c
```
#e5300c rgb(229,48,12)
```
#c1e50c
```
#c1e50c rgb(193,229,12)
```

Tetradic Color

#21089c
```
#21089c rgb(33,8,156)
```
#2609b5
```
#2609b5 rgb(38,9,181)
```
#2b0bcd
```
#2b0bcd rgb(43,11,205)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```
#3c18f3
```
#3c18f3 rgb(60,24,243)
```
#5030f4
```
#5030f4 rgb(80,48,244)
```
#6548f5
```
#6548f5 rgb(101,72,245)
```

Monochromatic Color

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

#0c1ee5
```
#0c1ee5 rgb(12,30,229)
```
#0c0ce5
```
#0c0ce5 rgb(12,12,229)
```
#1e0ce5
```
#1e0ce5 rgb(30,12,229)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```
#420ce5
```
#420ce5 rgb(66,12,229)
```
#540ce5
```
#540ce5 rgb(84,12,229)
```
#660ce5
```
#660ce5 rgb(102,12,229)
```

Similar Colors

Text with hexadecimal color #300ce5

This text has a font color of #300ce5.

<span style="color:#300ce5;">Text here</span>

#300ce5 background color

This paragraph has a background color of #300ce5.

<p style="background-color:#300ce5;">Content here</p>

#300ce5 border color

This element has a border color of #300ce5.

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

CSS codes

.text {color:#300ce5;}

.background {background-color:#300ce5;}

.border {border:1px solid #300ce5;}

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

#010005
```
#010005 rgb(1,0,5)
```
#050118
```
#050118 rgb(5,1,24)
```
#09022b
```
#09022b rgb(9,2,43)
```
#0d033d
```
#0d033d rgb(13,3,61)
```
#110450
```
#110450 rgb(17,4,80)
```
#150563
```
#150563 rgb(21,5,99)
```
#190675
```
#190675 rgb(25,6,117)
```
#1c0788
```
#1c0788 rgb(28,7,136)
```
#20089a
```
#20089a rgb(32,8,154)
```
#2409ad
```
#2409ad rgb(36,9,173)
```
#280ac0
```
#280ac0 rgb(40,10,192)
```
#2c0bd2
```
#2c0bd2 rgb(44,11,210)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```

Shade Color Variation

#3712f3
```
#3712f3 rgb(55,18,243)
```
#4725f4
```
#4725f4 rgb(71,37,244)
```
#5737f5
```
#5737f5 rgb(87,55,245)
```
#664af6
```
#664af6 rgb(102,74,246)
```
#765df6
```
#765df6 rgb(118,93,246)
```
#866ff7
```
#866ff7 rgb(134,111,247)
```
#9682f8
```
#9682f8 rgb(150,130,248)
```
#a595f9
```
#a595f9 rgb(165,149,249)
```
#b5a7fa
```
#b5a7fa rgb(181,167,250)
```
#c5bafb
```
#c5bafb rgb(197,186,251)
```
#d4ccfc
```
#d4ccfc rgb(212,204,252)
```
#e4dffd
```
#e4dffd rgb(228,223,253)
```
#f4f2fe
```
#f4f2fe rgb(244,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74727f is the less saturated color, while #2a03ee is the most saturated one.

#74727f
```
#74727f rgb(116,114,127)
```
#6e6988
```
#6e6988 rgb(110,105,136)
```
#685f92
```
#685f92 rgb(104,95,146)
```
#62569b
```
#62569b rgb(98,86,155)
```
#5b4da4
```
#5b4da4 rgb(91,77,164)
```
#5544ad
```
#5544ad rgb(85,68,173)
```
#4f3ab7
```
#4f3ab7 rgb(79,58,183)
```
#4931c0
```
#4931c0 rgb(73,49,192)
```
#4328c9
```
#4328c9 rgb(67,40,201)
```
#3c1fd2
```
#3c1fd2 rgb(60,31,210)
```
#3615dc
```
#3615dc rgb(54,21,220)
```
#300ce5
```
#300ce5 rgb(48,12,229)
```
#2a03ee
```
#2a03ee rgb(42,3,238)
```

Tone Color Variation

Below, you can see how #300ce5 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

#303030 Achromatopsia 0.005% of the population
#302954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#1137b5 Protanomaly 1% of men, 0.01% of women
#113aa7 Deuteranomaly 6% of men, 0.4% of women
#113d8f Tritanomaly 0.01% of the population

#300ce5 hex color

#300ce5 Color Information

#300ce5 Color Conversion

Color Schemes with #300ce5

Alternatives to #300ce5

#300ce5 Preview

Shades and Tints of #300ce5

Tones of #300ce5

Color Blindness Simulator