#300aee hex color

In a RGB color space, hex #300aee is composed of 18.8% red, 3.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 95.8% magenta, 0% yellow and 6.7% black. It has a hue angle of 250 degrees, a saturation of 91.9% and a lightness of 48.6%. #300aee color hex could be obtained by blending #6014ff with #0000dd. Closest websafe color is: #3300ff.

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

● #300aee color description : Vivid blue.

The hexadecimal color #300aee has RGB values of R:48, G:10, B:238 and CMYK values of C:0.8, M:0.96, Y:0, K:0.07. Its decimal value is 3148526.

Hex triplet	300aee	`#300aee`
RGB Decimal	48, 10, 238	`rgb(48,10,238)`
RGB Percent	18.8, 3.9, 93.3	`rgb(18.8%,3.9%,93.3%)`
CMYK	80, 96, 0, 7
HSL	250°, 91.9, 48.6	`hsl(250,91.9%,48.6%)`
HSV (or HSB)	250°, 95.8, 93.3
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.847, 74.129, -98.99
XYZ	16.757, 7.017, 81.356
xyY	0.159, 0.067, 7.017
CIE-LCH	31.847, 123.67, 306.828
CIE-LUV	31.847, -6.105, -122.47
Hunter-Lab	26.49, 66.556, -163.544
Binary	00110000, 00001010, 11101110

#300aee
```
#300aee rgb(48,10,238)
```
#c8ee0a
```
#c8ee0a rgb(200,238,10)
```

Complementary Color

#0a56ee
```
#0a56ee rgb(10,86,238)
```
#300aee
```
#300aee rgb(48,10,238)
```
#a20aee
```
#a20aee rgb(162,10,238)
```

Analogous Color

#56ee0a
```
#56ee0a rgb(86,238,10)
```
#300aee
```
#300aee rgb(48,10,238)
```
#eea20a
```
#eea20a rgb(238,162,10)
```

Split Complementary Color

#0aee30
```
#0aee30 rgb(10,238,48)
```
#300aee
```
#300aee rgb(48,10,238)
```
#ee300a
```
#ee300a rgb(238,48,10)
```

Triadic Color

#0ac8ee
```
#0ac8ee rgb(10,200,238)
```
#300aee
```
#300aee rgb(48,10,238)
```
#ee300a
```
#ee300a rgb(238,48,10)
```
#c8ee0a
```
#c8ee0a rgb(200,238,10)
```

Tetradic Color

#2107a5
```
#2107a5 rgb(33,7,165)
```
#2608bd
```
#2608bd rgb(38,8,189)
```
#2b09d6
```
#2b09d6 rgb(43,9,214)
```
#300aee
```
#300aee rgb(48,10,238)
```
#401cf5
```
#401cf5 rgb(64,28,245)
```
#5535f6
```
#5535f6 rgb(85,53,246)
```
#694df8
```
#694df8 rgb(105,77,248)
```

Monochromatic Color

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

#0a1dee
```
#0a1dee rgb(10,29,238)
```
#0a0aee
```
#0a0aee rgb(10,10,238)
```
#1d0aee
```
#1d0aee rgb(29,10,238)
```
#300aee
```
#300aee rgb(48,10,238)
```
#430aee
```
#430aee rgb(67,10,238)
```
#560aee
```
#560aee rgb(86,10,238)
```
#690aee
```
#690aee rgb(105,10,238)
```

Similar Colors

Text with hexadecimal color #300aee

This text has a font color of #300aee.

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

#300aee background color

This paragraph has a background color of #300aee.

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

#300aee border color

This element has a border color of #300aee.

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

CSS codes

.text {color:#300aee;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#06011f
```
#06011f rgb(6,1,31)
```
#0a0232
```
#0a0232 rgb(10,2,50)
```
#0e0345
```
#0e0345 rgb(14,3,69)
```
#120457
```
#120457 rgb(18,4,87)
```
#15046a
```
#15046a rgb(21,4,106)
```
#19057d
```
#19057d rgb(25,5,125)
```
#1d0690
```
#1d0690 rgb(29,6,144)
```
#2107a3
```
#2107a3 rgb(33,7,163)
```
#2508b6
```
#2508b6 rgb(37,8,182)
```
#2808c8
```
#2808c8 rgb(40,8,200)
```
#2c09db
```
#2c09db rgb(44,9,219)
```
#300aee
```
#300aee rgb(48,10,238)
```

Shade Color Variation

#3c16f5
```
#3c16f5 rgb(60,22,245)
```
#4b29f6
```
#4b29f6 rgb(75,41,246)
```
#5b3cf7
```
#5b3cf7 rgb(91,60,247)
```
#6b4ff8
```
#6b4ff8 rgb(107,79,248)
```
#7b62f8
```
#7b62f8 rgb(123,98,248)
```
#8b75f9
```
#8b75f9 rgb(139,117,249)
```
#9a87fa
```
#9a87fa rgb(154,135,250)
```
#aa9afb
```
#aa9afb rgb(170,154,251)
```
#baadfc
```
#baadfc rgb(186,173,252)
```
#cac0fc
```
#cac0fc rgb(202,192,252)
```
#dad3fd
```
#dad3fd rgb(218,211,253)
```
#eae5fe
```
#eae5fe rgb(234,229,254)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#767385
```
#767385 rgb(118,115,133)
```
#70698f
```
#70698f rgb(112,105,143)
```
#696098
```
#696098 rgb(105,96,152)
```
#6356a2
```
#6356a2 rgb(99,86,162)
```
#5d4dab
```
#5d4dab rgb(93,77,171)
```
#5643b5
```
#5643b5 rgb(86,67,181)
```
#503abe
```
#503abe rgb(80,58,190)
```
#4930c8
```
#4930c8 rgb(73,48,200)
```
#4327d1
```
#4327d1 rgb(67,39,209)
```
#3d1ddb
```
#3d1ddb rgb(61,29,219)
```
#3614e4
```
#3614e4 rgb(54,20,228)
```
#300aee
```
#300aee rgb(48,10,238)
```
#2a00f8
```
#2a00f8 rgb(42,0,248)
```

Tone Color Variation

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

#00529e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#1137bb Protanomaly 1% of men, 0.01% of women
#113aad Deuteranomaly 6% of men, 0.4% of women
#113e94 Tritanomaly 0.01% of the population

#300aee hex color

#300aee Color Information

#300aee Color Conversion

Color Schemes with #300aee

Alternatives to #300aee

#300aee Preview

Shades and Tints of #300aee

Tones of #300aee

Color Blindness Simulator