#300aef hex color

In a RGB color space, hex #300aef is composed of 18.8% red, 3.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 95.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 250 degrees, a saturation of 92% and a lightness of 48.8%. #300aef color hex could be obtained by blending #6014ff with #0000df. Closest websafe color is: #3300ff.

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

● #300aef color description : Vivid blue.

The hexadecimal color #300aef has RGB values of R:48, G:10, B:239 and CMYK values of C:0.8, M:0.96, Y:0, K:0.06. Its decimal value is 3148527.

Hex triplet	300aef	`#300aef`
RGB Decimal	48, 10, 239	`rgb(48,10,239)`
RGB Percent	18.8, 3.9, 93.7	`rgb(18.8%,3.9%,93.7%)`
CMYK	80, 96, 0, 6
HSL	250°, 92, 48.8	`hsl(250,92%,48.8%)`
HSV (or HSB)	250°, 95.8, 93.7
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.98, 74.373, -99.335
XYZ	16.904, 7.076, 82.132
xyY	0.159, 0.067, 7.076
CIE-LCH	31.98, 124.092, 306.823
CIE-LUV	31.98, -6.159, -123.039
Hunter-Lab	26.601, 66.879, -164.436
Binary	00110000, 00001010, 11101111

#300aef
```
#300aef rgb(48,10,239)
```
#c9ef0a
```
#c9ef0a rgb(201,239,10)
```

Complementary Color

#0a57ef
```
#0a57ef rgb(10,87,239)
```
#300aef
```
#300aef rgb(48,10,239)
```
#a30aef
```
#a30aef rgb(163,10,239)
```

Analogous Color

#57ef0a
```
#57ef0a rgb(87,239,10)
```
#300aef
```
#300aef rgb(48,10,239)
```
#efa30a
```
#efa30a rgb(239,163,10)
```

Split Complementary Color

#0aef30
```
#0aef30 rgb(10,239,48)
```
#300aef
```
#300aef rgb(48,10,239)
```
#ef300a
```
#ef300a rgb(239,48,10)
```

Triadic Color

#0ac9ef
```
#0ac9ef rgb(10,201,239)
```
#300aef
```
#300aef rgb(48,10,239)
```
#ef300a
```
#ef300a rgb(239,48,10)
```
#c9ef0a
```
#c9ef0a rgb(201,239,10)
```

Tetradic Color

#2107a6
```
#2107a6 rgb(33,7,166)
```
#2608be
```
#2608be rgb(38,8,190)
```
#2b09d7
```
#2b09d7 rgb(43,9,215)
```
#300aef
```
#300aef rgb(48,10,239)
```
#411df6
```
#411df6 rgb(65,29,246)
```
#5535f7
```
#5535f7 rgb(85,53,247)
```
#6a4ef8
```
#6a4ef8 rgb(106,78,248)
```

Monochromatic Color

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

#0a1def
```
#0a1def rgb(10,29,239)
```
#0a0aef
```
#0a0aef rgb(10,10,239)
```
#1d0aef
```
#1d0aef rgb(29,10,239)
```
#300aef
```
#300aef rgb(48,10,239)
```
#430aef
```
#430aef rgb(67,10,239)
```
#560aef
```
#560aef rgb(86,10,239)
```
#690aef
```
#690aef rgb(105,10,239)
```

Similar Colors

Text with hexadecimal color #300aef

This text has a font color of #300aef.

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

#300aef background color

This paragraph has a background color of #300aef.

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

#300aef border color

This element has a border color of #300aef.

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

CSS codes

.text {color:#300aef;}

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

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

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

#03010d
```
#03010d rgb(3,1,13)
```
#060120
```
#060120 rgb(6,1,32)
```
#0a0233
```
#0a0233 rgb(10,2,51)
```
#0e0346
```
#0e0346 rgb(14,3,70)
```
#120458
```
#120458 rgb(18,4,88)
```
#16046b
```
#16046b rgb(22,4,107)
```
#19057e
```
#19057e rgb(25,5,126)
```
#1d0691
```
#1d0691 rgb(29,6,145)
```
#2107a4
```
#2107a4 rgb(33,7,164)
```
#2508b7
```
#2508b7 rgb(37,8,183)
```
#2808c9
```
#2808c9 rgb(40,8,201)
```
#2c09dc
```
#2c09dc rgb(44,9,220)
```
#300aef
```
#300aef rgb(48,10,239)
```

Shade Color Variation

#3c17f5
```
#3c17f5 rgb(60,23,245)
```
#4c2af6
```
#4c2af6 rgb(76,42,246)
```
#5c3df7
```
#5c3df7 rgb(92,61,247)
```
#6c50f8
```
#6c50f8 rgb(108,80,248)
```
#7b63f8
```
#7b63f8 rgb(123,99,248)
```
#8b75f9
```
#8b75f9 rgb(139,117,249)
```
#9b88fa
```
#9b88fa rgb(155,136,250)
```
#ab9bfb
```
#ab9bfb rgb(171,155,251)
```
#bbaefc
```
#bbaefc rgb(187,174,252)
```
#cbc1fc
```
#cbc1fc rgb(203,193,252)
```
#dad4fd
```
#dad4fd rgb(218,212,253)
```
#eae6fe
```
#eae6fe rgb(234,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#767386
```
#767386 rgb(118,115,134)
```
#706a8f
```
#706a8f rgb(112,106,143)
```
#6a6099
```
#6a6099 rgb(106,96,153)
```
#6357a2
```
#6357a2 rgb(99,87,162)
```
#5d4dac
```
#5d4dac rgb(93,77,172)
```
#5643b6
```
#5643b6 rgb(86,67,182)
```
#503abf
```
#503abf rgb(80,58,191)
```
#4a30c9
```
#4a30c9 rgb(74,48,201)
```
#4327d2
```
#4327d2 rgb(67,39,210)
```
#3d1ddc
```
#3d1ddc rgb(61,29,220)
```
#3614e5
```
#3614e5 rgb(54,20,229)
```
#300aef
```
#300aef rgb(48,10,239)
```
#2a00f9
```
#2a00f9 rgb(42,0,249)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d60 Tritanopia 0.001% of the population

Trichromacy

#1138bc Protanomaly 1% of men, 0.01% of women
#113bae Deuteranomaly 6% of men, 0.4% of women
#113e94 Tritanomaly 0.01% of the population

#300aef hex color

#300aef Color Information

#300aef Color Conversion

Color Schemes with #300aef

Alternatives to #300aef

#300aef Preview

Shades and Tints of #300aef

Tones of #300aef

Color Blindness Simulator