#300ad8 hex color

In a RGB color space, hex #300ad8 is composed of 18.8% red, 3.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 95.4% magenta, 0% yellow and 15.3% black. It has a hue angle of 251.1 degrees, a saturation of 91.2% and a lightness of 44.3%. #300ad8 color hex could be obtained by blending #6014ff with #0000b1. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 4
- B 85
RGB color chart
- C 78
- M 95
- Y 0
- K 15
CMYK color chart

● #300ad8 color description : Strong blue.

The hexadecimal color #300ad8 has RGB values of R:48, G:10, B:216 and CMYK values of C:0.78, M:0.95, Y:0, K:0.15. Its decimal value is 3148504.

Hex triplet	300ad8	`#300ad8`
RGB Decimal	48, 10, 216	`rgb(48,10,216)`
RGB Percent	18.8, 3.9, 84.7	`rgb(18.8%,3.9%,84.7%)`
CMYK	78, 95, 0, 15
HSL	251.1°, 91.2, 44.3	`hsl(251.1,91.2%,44.3%)`
HSV (or HSB)	251.1°, 95.4, 84.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.909, 68.713, -91.283
XYZ	13.72, 5.802, 65.359
xyY	0.162, 0.068, 5.802
CIE-LCH	28.909, 114.254, 306.97
CIE-LUV	28.909, -4.87, -109.889
Hunter-Lab	24.088, 59.512, -144.01
Binary	00110000, 00001010, 11011000

#300ad8
```
#300ad8 rgb(48,10,216)
```
#b2d80a
```
#b2d80a rgb(178,216,10)
```

Complementary Color

#0a4bd8
```
#0a4bd8 rgb(10,75,216)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#970ad8
```
#970ad8 rgb(151,10,216)
```

Analogous Color

#4bd80a
```
#4bd80a rgb(75,216,10)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#d8970a
```
#d8970a rgb(216,151,10)
```

Split Complementary Color

#0ad830
```
#0ad830 rgb(10,216,48)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#d8300a
```
#d8300a rgb(216,48,10)
```

Triadic Color

#0ab2d8
```
#0ab2d8 rgb(10,178,216)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#d8300a
```
#d8300a rgb(216,48,10)
```
#b2d80a
```
#b2d80a rgb(178,216,10)
```

Tetradic Color

#20078f
```
#20078f rgb(32,7,143)
```
#2508a7
```
#2508a7 rgb(37,8,167)
```
#2b09c0
```
#2b09c0 rgb(43,9,192)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#350bf0
```
#350bf0 rgb(53,11,240)
```
#4720f5
```
#4720f5 rgb(71,32,245)
```
#5c39f6
```
#5c39f6 rgb(92,57,246)
```

Monochromatic Color

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

#0a18d8
```
#0a18d8 rgb(10,24,216)
```
#0e0ad8
```
#0e0ad8 rgb(14,10,216)
```
#1f0ad8
```
#1f0ad8 rgb(31,10,216)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#410ad8
```
#410ad8 rgb(65,10,216)
```
#520ad8
```
#520ad8 rgb(82,10,216)
```
#630ad8
```
#630ad8 rgb(99,10,216)
```

Similar Colors

Text with hexadecimal color #300ad8

This text has a font color of #300ad8.

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

#300ad8 background color

This paragraph has a background color of #300ad8.

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

#300ad8 border color

This element has a border color of #300ad8.

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

CSS codes

.text {color:#300ad8;}

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

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

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, #02000a is the darkest color, while #f8f6ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#06011d
```
#06011d rgb(6,1,29)
```
#0b022f
```
#0b022f rgb(11,2,47)
```
#0f0342
```
#0f0342 rgb(15,3,66)
```
#130455
```
#130455 rgb(19,4,85)
```
#170568
```
#170568 rgb(23,5,104)
```
#1b067a
```
#1b067a rgb(27,6,122)
```
#1f078d
```
#1f078d rgb(31,7,141)
```
#2407a0
```
#2407a0 rgb(36,7,160)
```
#2808b3
```
#2808b3 rgb(40,8,179)
```
#2c09c5
```
#2c09c5 rgb(44,9,197)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#340beb
```
#340beb rgb(52,11,235)
```

Shade Color Variation

#3e15f4
```
#3e15f4 rgb(62,21,244)
```
#4e28f5
```
#4e28f5 rgb(78,40,245)
```
#5d3bf6
```
#5d3bf6 rgb(93,59,246)
```
#6d4df7
```
#6d4df7 rgb(109,77,247)
```
#7c60f8
```
#7c60f8 rgb(124,96,248)
```
#8b73f9
```
#8b73f9 rgb(139,115,249)
```
#9b86f9
```
#9b86f9 rgb(155,134,249)
```
#aa98fa
```
#aa98fa rgb(170,152,250)
```
#baabfb
```
#baabfb rgb(186,171,251)
```
#c9befc
```
#c9befc rgb(201,190,252)
```
#d9d1fd
```
#d9d1fd rgb(217,209,253)
```
#e8e3fe
```
#e8e3fe rgb(232,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#6c6a78
```
#6c6a78 rgb(108,106,120)
```
#676181
```
#676181 rgb(103,97,129)
```
#61588a
```
#61588a rgb(97,88,138)
```
#5c5092
```
#5c5092 rgb(92,80,146)
```
#56479b
```
#56479b rgb(86,71,155)
```
#513ea4
```
#513ea4 rgb(81,62,164)
```
#4b35ad
```
#4b35ad rgb(75,53,173)
```
#462db5
```
#462db5 rgb(70,45,181)
```
#4024be
```
#4024be rgb(64,36,190)
```
#3b1bc7
```
#3b1bc7 rgb(59,27,199)
```
#3513cf
```
#3513cf rgb(53,19,207)
```
#300ad8
```
#300ad8 rgb(48,10,216)
```
#2b01e1
```
#2b01e1 rgb(43,1,225)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e264f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#00507e Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#1133ab Protanomaly 1% of men, 0.01% of women
#11369f Deuteranomaly 6% of men, 0.4% of women
#113a87 Tritanomaly 0.01% of the population

#300ad8 hex color

#300ad8 Color Information

#300ad8 Color Conversion

Color Schemes with #300ad8

Alternatives to #300ad8

#300ad8 Preview

Shades and Tints of #300ad8

Tones of #300ad8

Color Blindness Simulator