#300cb2 hex color

In a RGB color space, hex #300cb2 is composed of 18.8% red, 4.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 93.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 253 degrees, a saturation of 87.4% and a lightness of 37.3%. #300cb2 color hex could be obtained by blending #6018ff with #000065. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 5
- B 70
RGB color chart
- C 73
- M 93
- Y 0
- K 30
CMYK color chart

● #300cb2 color description : Dark blue.

The hexadecimal color #300cb2 has RGB values of R:48, G:12, B:178 and CMYK values of C:0.73, M:0.93, Y:0, K:0.3. Its decimal value is 3148978.

Hex triplet	300cb2	`#300cb2`
RGB Decimal	48, 12, 178	`rgb(48,12,178)`
RGB Percent	18.8, 4.7, 69.8	`rgb(18.8%,4.7%,69.8%)`
CMYK	73, 93, 0, 30
HSL	253°, 87.4, 37.3	`hsl(253,87.4%,37.3%)`
HSV (or HSB)	253°, 93.3, 69.8
Web Safe	330099	`#330099`

CIE-LAB	24.016, 58.615, -77.073
XYZ	9.385, 4.105, 42.415
xyY	0.168, 0.073, 4.105
CIE-LCH	24.016, 96.83, 307.254
CIE-LUV	24.016, -2.637, -88.022
Hunter-Lab	20.261, 47.222, -109.935
Binary	00110000, 00001100, 10110010

#300cb2
```
#300cb2 rgb(48,12,178)
```
#8eb20c
```
#8eb20c rgb(142,178,12)
```

Complementary Color

#0c3bb2
```
#0c3bb2 rgb(12,59,178)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#830cb2
```
#830cb2 rgb(131,12,178)
```

Analogous Color

#3bb20c
```
#3bb20c rgb(59,178,12)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#b2830c
```
#b2830c rgb(178,131,12)
```

Split Complementary Color

#0cb230
```
#0cb230 rgb(12,178,48)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#b2300c
```
#b2300c rgb(178,48,12)
```

Triadic Color

#0c8eb2
```
#0c8eb2 rgb(12,142,178)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#b2300c
```
#b2300c rgb(178,48,12)
```
#8eb20c
```
#8eb20c rgb(142,178,12)
```

Tetradic Color

#1d076a
```
#1d076a rgb(29,7,106)
```
#230982
```
#230982 rgb(35,9,130)
```
#2a0a9a
```
#2a0a9a rgb(42,10,154)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#360eca
```
#360eca rgb(54,14,202)
```
#3d0fe2
```
#3d0fe2 rgb(61,15,226)
```
#491bf0
```
#491bf0 rgb(73,27,240)
```

Monochromatic Color

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

#0c11b2
```
#0c11b2 rgb(12,17,178)
```
#140cb2
```
#140cb2 rgb(20,12,178)
```
#220cb2
```
#220cb2 rgb(34,12,178)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#3e0cb2
```
#3e0cb2 rgb(62,12,178)
```
#4c0cb2
```
#4c0cb2 rgb(76,12,178)
```
#5a0cb2
```
#5a0cb2 rgb(90,12,178)
```

Similar Colors

Text with hexadecimal color #300cb2

This text has a font color of #300cb2.

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

#300cb2 background color

This paragraph has a background color of #300cb2.

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

#300cb2 border color

This element has a border color of #300cb2.

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

CSS codes

.text {color:#300cb2;}

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

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

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)
```
#08021f
```
#08021f rgb(8,2,31)
```
#0d0331
```
#0d0331 rgb(13,3,49)
```
#120544
```
#120544 rgb(18,5,68)
```
#170656
```
#170656 rgb(23,6,86)
```
#1c0768
```
#1c0768 rgb(28,7,104)
```
#21087b
```
#21087b rgb(33,8,123)
```
#260a8d
```
#260a8d rgb(38,10,141)
```
#2b0ba0
```
#2b0ba0 rgb(43,11,160)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#350dc4
```
#350dc4 rgb(53,13,196)
```
#3a0ed7
```
#3a0ed7 rgb(58,14,215)
```
#3f10e9
```
#3f10e9 rgb(63,16,233)
```

Shade Color Variation

#4a1df0
```
#4a1df0 rgb(74,29,240)
```
#592ff1
```
#592ff1 rgb(89,47,241)
```
#6841f2
```
#6841f2 rgb(104,65,242)
```
#7654f3
```
#7654f3 rgb(118,84,243)
```
#8566f5
```
#8566f5 rgb(133,102,245)
```
#9479f6
```
#9479f6 rgb(148,121,246)
```
#a28bf7
```
#a28bf7 rgb(162,139,247)
```
#b19df8
```
#b19df8 rgb(177,157,248)
```
#c0b0fa
```
#c0b0fa rgb(192,176,250)
```
#cec2fb
```
#cec2fb rgb(206,194,251)
```
#ddd4fc
```
#ddd4fc rgb(221,212,252)
```
#ece7fd
```
#ece7fd rgb(236,231,253)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#5e5c62
```
#5e5c62 rgb(94,92,98)
```
#595569
```
#595569 rgb(89,85,105)
```
#554e70
```
#554e70 rgb(85,78,112)
```
#514678
```
#514678 rgb(81,70,120)
```
#4d3f7f
```
#4d3f7f rgb(77,63,127)
```
#493886
```
#493886 rgb(73,56,134)
```
#45318d
```
#45318d rgb(69,49,141)
```
#412995
```
#412995 rgb(65,41,149)
```
#3c229c
```
#3c229c rgb(60,34,156)
```
#381ba3
```
#381ba3 rgb(56,27,163)
```
#3413ab
```
#3413ab rgb(52,19,171)
```
#300cb2
```
#300cb2 rgb(48,12,178)
```
#2c05b9
```
#2c05b9 rgb(44,5,185)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b2445 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456d Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#112e91 Protanomaly 1% of men, 0.01% of women
#113086 Deuteranomaly 6% of men, 0.4% of women
#113372 Tritanomaly 0.01% of the population

#300cb2 hex color

#300cb2 Color Information

#300cb2 Color Conversion

Color Schemes with #300cb2

Alternatives to #300cb2

#300cb2 Preview

Shades and Tints of #300cb2

Tones of #300cb2

Color Blindness Simulator