#300ef7 hex color

In a RGB color space, hex #300ef7 is composed of 18.8% red, 5.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 94.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 248.8 degrees, a saturation of 93.6% and a lightness of 51.2%. #300ef7 color hex could be obtained by blending #601cff with #0000ef. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 5
- B 97
RGB color chart
- C 81
- M 94
- Y 0
- K 3
CMYK color chart

● #300ef7 color description : Vivid blue.

The hexadecimal color #300ef7 has RGB values of R:48, G:14, B:247 and CMYK values of C:0.81, M:0.94, Y:0, K:0.03. Its decimal value is 3149559.

Hex triplet	300ef7	`#300ef7`
RGB Decimal	48, 14, 247	`rgb(48,14,247)`
RGB Percent	18.8, 5.5, 96.9	`rgb(18.8%,5.5%,96.9%)`
CMYK	81, 94, 0, 3
HSL	248.8°, 93.6, 51.2	`hsl(248.8,93.6%,51.2%)`
HSV (or HSB)	248.8°, 94.3, 96.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.257, 75.67, -101.73
XYZ	18.161, 7.657, 88.511
xyY	0.159, 0.067, 7.657
CIE-LCH	33.257, 126.787, 306.643
CIE-LUV	33.257, -6.729, -127.729
Hunter-Lab	27.671, 68.732, -170.284
Binary	00110000, 00001110, 11110111

#300ef7
```
#300ef7 rgb(48,14,247)
```
#d5f70e
```
#d5f70e rgb(213,247,14)
```

Complementary Color

#0e61f7
```
#0e61f7 rgb(14,97,247)
```
#300ef7
```
#300ef7 rgb(48,14,247)
```
#a50ef7
```
#a50ef7 rgb(165,14,247)
```

Analogous Color

#61f70e
```
#61f70e rgb(97,247,14)
```
#300ef7
```
#300ef7 rgb(48,14,247)
```
#f7a50e
```
#f7a50e rgb(247,165,14)
```

Split Complementary Color

#0ef730
```
#0ef730 rgb(14,247,48)
```
#300ef7
```
#300ef7 rgb(48,14,247)
```
#f7300e
```
#f7300e rgb(247,48,14)
```

Triadic Color

#0ed5f7
```
#0ed5f7 rgb(14,213,247)
```
#300ef7
```
#300ef7 rgb(48,14,247)
```
#f7300e
```
#f7300e rgb(247,48,14)
```
#d5f70e
```
#d5f70e rgb(213,247,14)
```

Tetradic Color

#1f06b3
```
#1f06b3 rgb(31,6,179)
```
#2307cb
```
#2307cb rgb(35,7,203)
```
#2808e4
```
#2808e4 rgb(40,8,228)
```
#300ef7
```
#300ef7 rgb(48,14,247)
```
#4527f8
```
#4527f8 rgb(69,39,248)
```
#5a3ff9
```
#5a3ff9 rgb(90,63,249)
```
#7058f9
```
#7058f9 rgb(112,88,249)
```

Monochromatic Color

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

#0e26f7
```
#0e26f7 rgb(14,38,247)
```
#0e13f7
```
#0e13f7 rgb(14,19,247)
```
#1d0ef7
```
#1d0ef7 rgb(29,14,247)
```
#300ef7
```
#300ef7 rgb(48,14,247)
```
#430ef7
```
#430ef7 rgb(67,14,247)
```
#570ef7
```
#570ef7 rgb(87,14,247)
```
#6a0ef7
```
#6a0ef7 rgb(106,14,247)
```

Similar Colors

Text with hexadecimal color #300ef7

This text has a font color of #300ef7.

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

#300ef7 background color

This paragraph has a background color of #300ef7.

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

#300ef7 border color

This element has a border color of #300ef7.

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

CSS codes

.text {color:#300ef7;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#040119
```
#040119 rgb(4,1,25)
```
#08012c
```
#08012c rgb(8,1,44)
```
#0b023f
```
#0b023f rgb(11,2,63)
```
#0e0352
```
#0e0352 rgb(14,3,82)
```
#120365
```
#120365 rgb(18,3,101)
```
#150478
```
#150478 rgb(21,4,120)
```
#18058b
```
#18058b rgb(24,5,139)
```
#1b059e
```
#1b059e rgb(27,5,158)
```
#1f06b1
```
#1f06b1 rgb(31,6,177)
```
#2206c4
```
#2206c4 rgb(34,6,196)
```
#2507d7
```
#2507d7 rgb(37,7,215)
```
#2908ea
```
#2908ea rgb(41,8,234)
```

Shade Color Variation

#300ef7
```
#300ef7 rgb(48,14,247)
```
#4021f8
```
#4021f8 rgb(64,33,248)
```
#5134f8
```
#5134f8 rgb(81,52,248)
```
#6147f9
```
#6147f9 rgb(97,71,249)
```
#715afa
```
#715afa rgb(113,90,250)
```
#826dfa
```
#826dfa rgb(130,109,250)
```
#9280fb
```
#9280fb rgb(146,128,251)
```
#a293fb
```
#a293fb rgb(162,147,251)
```
#b2a6fc
```
#b2a6fc rgb(178,166,252)
```
#c3b9fd
```
#c3b9fd rgb(195,185,253)
```
#d3ccfd
```
#d3ccfd rgb(211,204,253)
```
#e3dffe
```
#e3dffe rgb(227,223,254)
```
#f4f2ff
```
#f4f2ff rgb(244,242,255)
```

Tint Color Variation

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

#818184
```
#818184 rgb(129,129,132)
```
#7b778e
```
#7b778e rgb(123,119,142)
```
#746e97
```
#746e97 rgb(116,110,151)
```
#6d64a1
```
#6d64a1 rgb(109,100,161)
```
#665baa
```
#665baa rgb(102,91,170)
```
#5f51b4
```
#5f51b4 rgb(95,81,180)
```
#5947be
```
#5947be rgb(89,71,190)
```
#523ec7
```
#523ec7 rgb(82,62,199)
```
#4b34d1
```
#4b34d1 rgb(75,52,209)
```
#442bda
```
#442bda rgb(68,43,218)
```
#3e21e4
```
#3e21e4 rgb(62,33,228)
```
#3718ed
```
#3718ed rgb(55,24,237)
```
#300ef7
```
#300ef7 rgb(48,14,247)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#322c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#005a8d Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#113bc2 Protanomaly 1% of men, 0.01% of women
#113eb4 Deuteranomaly 6% of men, 0.4% of women
#114299 Tritanomaly 0.01% of the population

#300ef7 hex color

#300ef7 Color Information

#300ef7 Color Conversion

Color Schemes with #300ef7

Alternatives to #300ef7

#300ef7 Preview

Shades and Tints of #300ef7

Tones of #300ef7

Color Blindness Simulator