#300ec3 hex color

In a RGB color space, hex #300ec3 is composed of 18.8% red, 5.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 92.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 251.3 degrees, a saturation of 86.6% and a lightness of 41%. #300ec3 color hex could be obtained by blending #601cff with #000087. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 5
- B 76
RGB color chart
- C 75
- M 93
- Y 0
- K 24
CMYK color chart

● #300ec3 color description : Strong blue.

The hexadecimal color #300ec3 has RGB values of R:48, G:14, B:195 and CMYK values of C:0.75, M:0.93, Y:0, K:0.24. Its decimal value is 3149507.

Hex triplet	300ec3	`#300ec3`
RGB Decimal	48, 14, 195	`rgb(48,14,195)`
RGB Percent	18.8, 5.5, 76.5	`rgb(18.8%,5.5%,76.5%)`
CMYK	75, 93, 0, 24
HSL	251.3°, 86.6, 41	`hsl(251.3,86.6%,41%)`
HSV (or HSB)	251.3°, 92.8, 76.5
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.396, 62.568, -83.212
XYZ	11.224, 4.882, 51.978
xyY	0.165, 0.072, 4.882
CIE-LCH	26.396, 104.11, 306.94
CIE-LUV	26.396, -3.798, -97.988
Hunter-Lab	22.095, 52.012, -124.01
Binary	00110000, 00001110, 11000011

#300ec3
```
#300ec3 rgb(48,14,195)
```
#a1c30e
```
#a1c30e rgb(161,195,14)
```

Complementary Color

#0e47c3
```
#0e47c3 rgb(14,71,195)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#8b0ec3
```
#8b0ec3 rgb(139,14,195)
```

Analogous Color

#47c30e
```
#47c30e rgb(71,195,14)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#c38b0e
```
#c38b0e rgb(195,139,14)
```

Split Complementary Color

#0ec330
```
#0ec330 rgb(14,195,48)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#c3300e
```
#c3300e rgb(195,48,14)
```

Triadic Color

#0ea1c3
```
#0ea1c3 rgb(14,161,195)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#c3300e
```
#c3300e rgb(195,48,14)
```
#a1c30e
```
#a1c30e rgb(161,195,14)
```

Tetradic Color

#1e097c
```
#1e097c rgb(30,9,124)
```
#240b93
```
#240b93 rgb(36,11,147)
```
#2a0cab
```
#2a0cab rgb(42,12,171)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#3610db
```
#3610db rgb(54,16,219)
```
#3e16ee
```
#3e16ee rgb(62,22,238)
```
#522ef0
```
#522ef0 rgb(82,46,240)
```

Monochromatic Color

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

#0e19c3
```
#0e19c3 rgb(14,25,195)
```
#120ec3
```
#120ec3 rgb(18,14,195)
```
#210ec3
```
#210ec3 rgb(33,14,195)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#3f0ec3
```
#3f0ec3 rgb(63,14,195)
```
#4e0ec3
```
#4e0ec3 rgb(78,14,195)
```
#5d0ec3
```
#5d0ec3 rgb(93,14,195)
```

Similar Colors

Text with hexadecimal color #300ec3

This text has a font color of #300ec3.

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

#300ec3 background color

This paragraph has a background color of #300ec3.

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

#300ec3 border color

This element has a border color of #300ec3.

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

CSS codes

.text {color:#300ec3;}

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

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

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

#03010c
```
#03010c rgb(3,1,12)
```
#07021e
```
#07021e rgb(7,2,30)
```
#0c0331
```
#0c0331 rgb(12,3,49)
```
#100543
```
#100543 rgb(16,5,67)
```
#150655
```
#150655 rgb(21,6,85)
```
#190767
```
#190767 rgb(25,7,103)
```
#1e097a
```
#1e097a rgb(30,9,122)
```
#220a8c
```
#220a8c rgb(34,10,140)
```
#270b9e
```
#270b9e rgb(39,11,158)
```
#2b0db1
```
#2b0db1 rgb(43,13,177)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#350fd5
```
#350fd5 rgb(53,15,213)
```
#3911e8
```
#3911e8 rgb(57,17,232)
```

Shade Color Variation

#441def
```
#441def rgb(68,29,239)
```
#542ff0
```
#542ff0 rgb(84,47,240)
```
#6342f1
```
#6342f1 rgb(99,66,241)
```
#7254f3
```
#7254f3 rgb(114,84,243)
```
#8166f4
```
#8166f4 rgb(129,102,244)
```
#9079f5
```
#9079f5 rgb(144,121,245)
```
#9f8bf7
```
#9f8bf7 rgb(159,139,247)
```
#ae9df8
```
#ae9df8 rgb(174,157,248)
```
#bdaff9
```
#bdaff9 rgb(189,175,249)
```
#ccc2fb
```
#ccc2fb rgb(204,194,251)
```
#dcd4fc
```
#dcd4fc rgb(220,212,252)
```
#ebe6fd
```
#ebe6fd rgb(235,230,253)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#67666b
```
#67666b rgb(103,102,107)
```
#625e73
```
#625e73 rgb(98,94,115)
```
#5d567b
```
#5d567b rgb(93,86,123)
```
#584e83
```
#584e83 rgb(88,78,131)
```
#53468b
```
#53468b rgb(83,70,139)
```
#4e3e93
```
#4e3e93 rgb(78,62,147)
```
#49369b
```
#49369b rgb(73,54,155)
```
#442ea3
```
#442ea3 rgb(68,46,163)
```
#3f26ab
```
#3f26ab rgb(63,38,171)
```
#3a1eb3
```
#3a1eb3 rgb(58,30,179)
```
#3516bb
```
#3516bb rgb(53,22,187)
```
#300ec3
```
#300ec3 rgb(48,14,195)
```
#2b06cb
```
#2b06cb rgb(43,6,203)
```

Tone Color Variation

Below, you can see how #300ec3 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
#2e274b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a75 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#11319d Protanomaly 1% of men, 0.01% of women
#113491 Deuteranomaly 6% of men, 0.4% of women
#11377b Tritanomaly 0.01% of the population

#300ec3 hex color

#300ec3 Color Information

#300ec3 Color Conversion

Color Schemes with #300ec3

Alternatives to #300ec3

#300ec3 Preview

Shades and Tints of #300ec3

Tones of #300ec3

Color Blindness Simulator