#300cc5 hex color

In a RGB color space, hex #300cc5 is composed of 18.8% red, 4.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 93.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 251.7 degrees, a saturation of 88.5% and a lightness of 41%. #300cc5 color hex could be obtained by blending #6018ff with #00008b. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 5
- B 77
RGB color chart
- C 76
- M 94
- Y 0
- K 23
CMYK color chart

● #300cc5 color description : Strong blue.

The hexadecimal color #300cc5 has RGB values of R:48, G:12, B:197 and CMYK values of C:0.76, M:0.94, Y:0, K:0.23. Its decimal value is 3148997.

Hex triplet	300cc5	`#300cc5`
RGB Decimal	48, 12, 197	`rgb(48,12,197)`
RGB Percent	18.8, 4.7, 77.3	`rgb(18.8%,4.7%,77.3%)`
CMYK	76, 94, 0, 23
HSL	251.7°, 88.5, 41	`hsl(251.7,88.5%,41%)`
HSV (or HSB)	251.7°, 93.9, 77.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.511, 63.534, -84.198
XYZ	11.426, 4.922, 53.168
xyY	0.164, 0.071, 4.922
CIE-LCH	26.511, 105.479, 307.038
CIE-LUV	26.511, -3.826, -99.035
Hunter-Lab	22.185, 53.112, -126.561
Binary	00110000, 00001100, 11000101

#300cc5
```
#300cc5 rgb(48,12,197)
```
#a1c50c
```
#a1c50c rgb(161,197,12)
```

Complementary Color

#0c44c5
```
#0c44c5 rgb(12,68,197)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#8d0cc5
```
#8d0cc5 rgb(141,12,197)
```

Analogous Color

#45c50c
```
#45c50c rgb(69,197,12)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#c58d0c
```
#c58d0c rgb(197,141,12)
```

Split Complementary Color

#0cc530
```
#0cc530 rgb(12,197,48)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#c5300c
```
#c5300c rgb(197,48,12)
```

Triadic Color

#0ca1c5
```
#0ca1c5 rgb(12,161,197)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#c5300c
```
#c5300c rgb(197,48,12)
```
#a1c50c
```
#a1c50c rgb(161,197,12)
```

Tetradic Color

#1e087d
```
#1e087d rgb(30,8,125)
```
#240995
```
#240995 rgb(36,9,149)
```
#2a0bad
```
#2a0bad rgb(42,11,173)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#360ddd
```
#360ddd rgb(54,13,221)
```
#3e13f1
```
#3e13f1 rgb(62,19,241)
```
#522bf2
```
#522bf2 rgb(82,43,242)
```

Monochromatic Color

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

#0c16c5
```
#0c16c5 rgb(12,22,197)
```
#110cc5
```
#110cc5 rgb(17,12,197)
```
#210cc5
```
#210cc5 rgb(33,12,197)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#3f0cc5
```
#3f0cc5 rgb(63,12,197)
```
#4f0cc5
```
#4f0cc5 rgb(79,12,197)
```
#5e0cc5
```
#5e0cc5 rgb(94,12,197)
```

Similar Colors

Text with hexadecimal color #300cc5

This text has a font color of #300cc5.

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

#300cc5 background color

This paragraph has a background color of #300cc5.

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

#300cc5 border color

This element has a border color of #300cc5.

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

CSS codes

.text {color:#300cc5;}

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

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

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)
```
#07021f
```
#07021f rgb(7,2,31)
```
#0c0331
```
#0c0331 rgb(12,3,49)
```
#100444
```
#100444 rgb(16,4,68)
```
#150556
```
#150556 rgb(21,5,86)
```
#190669
```
#190669 rgb(25,6,105)
```
#1e077b
```
#1e077b rgb(30,7,123)
```
#22098e
```
#22098e rgb(34,9,142)
```
#270aa0
```
#270aa0 rgb(39,10,160)
```
#2b0bb3
```
#2b0bb3 rgb(43,11,179)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#350dd7
```
#350dd7 rgb(53,13,215)
```
#390eea
```
#390eea rgb(57,14,234)
```

Shade Color Variation

#441bf1
```
#441bf1 rgb(68,27,241)
```
#542df2
```
#542df2 rgb(84,45,242)
```
#6340f3
```
#6340f3 rgb(99,64,243)
```
#7252f4
```
#7252f4 rgb(114,82,244)
```
#8165f6
```
#8165f6 rgb(129,101,246)
```
#9077f7
```
#9077f7 rgb(144,119,247)
```
#9f8af8
```
#9f8af8 rgb(159,138,248)
```
#ae9cf9
```
#ae9cf9 rgb(174,156,249)
```
#bdaffa
```
#bdaffa rgb(189,175,250)
```
#ccc1fb
```
#ccc1fb rgb(204,193,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, #66646d is the less saturated color, while #2b04cd is the most saturated one.

#66646d
```
#66646d rgb(102,100,109)
```
#615c75
```
#615c75 rgb(97,92,117)
```
#5c547d
```
#5c547d rgb(92,84,125)
```
#574c85
```
#574c85 rgb(87,76,133)
```
#52448d
```
#52448d rgb(82,68,141)
```
#4d3c95
```
#4d3c95 rgb(77,60,149)
```
#49349d
```
#49349d rgb(73,52,157)
```
#442ca5
```
#442ca5 rgb(68,44,165)
```
#3f24ad
```
#3f24ad rgb(63,36,173)
```
#3a1cb5
```
#3a1cb5 rgb(58,28,181)
```
#3514bd
```
#3514bd rgb(53,20,189)
```
#300cc5
```
#300cc5 rgb(48,12,197)
```
#2b04cd
```
#2b04cd rgb(43,4,205)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d264b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#11319e Protanomaly 1% of men, 0.01% of women
#113492 Deuteranomaly 6% of men, 0.4% of women
#11377c Tritanomaly 0.01% of the population

#300cc5 hex color

#300cc5 Color Information

#300cc5 Color Conversion

Color Schemes with #300cc5

Alternatives to #300cc5

#300cc5 Preview

Shades and Tints of #300cc5

Tones of #300cc5

Color Blindness Simulator