#300196 hex color

In a RGB color space, hex #300196 is composed of 18.8% red, 0.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 99.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 258.9 degrees, a saturation of 98.7% and a lightness of 29.6%. #300196 color hex could be obtained by blending #6002ff with #00002d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 0
- B 59
RGB color chart
- C 68
- M 99
- Y 0
- K 41
CMYK color chart

● #300196 color description : Dark violet.

The hexadecimal color #300196 has RGB values of R:48, G:1, B:150 and CMYK values of C:0.68, M:0.99, Y:0, K:0.41. Its decimal value is 3146134.

Hex triplet	300196	`#300196`
RGB Decimal	48, 1, 150	`rgb(48,1,150)`
RGB Percent	18.8, 0.4, 58.8	`rgb(18.8%,0.4%,58.8%)`
CMYK	68, 99, 0, 41
HSL	258.9°, 98.7, 29.6	`hsl(258.9,98.7%,29.6%)`
HSV (or HSB)	258.9°, 99.3, 58.8
Web Safe	330099	`#330099`

CIE-LAB	19.44, 54.131, -67.646
XYZ	6.734, 2.852, 29.048
xyY	0.174, 0.074, 2.852
CIE-LCH	19.44, 86.639, 308.667
CIE-LUV	19.44, -0.186, -70.894
Hunter-Lab	16.887, 41.623, -90.164
Binary	00110000, 00000001, 10010110

#300196
```
#300196 rgb(48,1,150)
```
#679601
```
#679601 rgb(103,150,1)
```

Complementary Color

#011d96
```
#011d96 rgb(1,29,150)
```
#300196
```
#300196 rgb(48,1,150)
```
#7b0196
```
#7b0196 rgb(123,1,150)
```

Analogous Color

#1d9601
```
#1d9601 rgb(29,150,1)
```
#300196
```
#300196 rgb(48,1,150)
```
#967b01
```
#967b01 rgb(150,123,1)
```

Split Complementary Color

#019630
```
#019630 rgb(1,150,48)
```
#300196
```
#300196 rgb(48,1,150)
```
#963001
```
#963001 rgb(150,48,1)
```

Triadic Color

#016796
```
#016796 rgb(1,103,150)
```
#300196
```
#300196 rgb(48,1,150)
```
#963001
```
#963001 rgb(150,48,1)
```
#679601
```
#679601 rgb(103,150,1)
```

Tetradic Color

#18004a
```
#18004a rgb(24,0,74)
```
#200163
```
#200163 rgb(32,1,99)
```
#28017d
```
#28017d rgb(40,1,125)
```
#300196
```
#300196 rgb(48,1,150)
```
#3801af
```
#3801af rgb(56,1,175)
```
#4001c9
```
#4001c9 rgb(64,1,201)
```
#4802e2
```
#4802e2 rgb(72,2,226)
```

Monochromatic Color

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

#0b0196
```
#0b0196 rgb(11,1,150)
```
#170196
```
#170196 rgb(23,1,150)
```
#240196
```
#240196 rgb(36,1,150)
```
#300196
```
#300196 rgb(48,1,150)
```
#3c0196
```
#3c0196 rgb(60,1,150)
```
#490196
```
#490196 rgb(73,1,150)
```
#550196
```
#550196 rgb(85,1,150)
```

Similar Colors

Text with hexadecimal color #300196

This text has a font color of #300196.

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

#300196 background color

This paragraph has a background color of #300196.

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

#300196 border color

This element has a border color of #300196.

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

CSS codes

.text {color:#300196;}

.background {background-color:#300196;}

.border {border:1px solid #300196;}

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, #04000e is the darkest color, while #fbf9ff is the lightest one.

#04000e
```
#04000e rgb(4,0,14)
```
#0b0021
```
#0b0021 rgb(11,0,33)
```
#110035
```
#110035 rgb(17,0,53)
```
#170048
```
#170048 rgb(23,0,72)
```
#1d015c
```
#1d015c rgb(29,1,92)
```
#24016f
```
#24016f rgb(36,1,111)
```
#2a0183
```
#2a0183 rgb(42,1,131)
```
#300196
```
#300196 rgb(48,1,150)
```
#3601a9
```
#3601a9 rgb(54,1,169)
```
#3c01bd
```
#3c01bd rgb(60,1,189)
```
#4301d0
```
#4301d0 rgb(67,1,208)
```
#4902e4
```
#4902e4 rgb(73,2,228)
```
#4f02f7
```
#4f02f7 rgb(79,2,247)
```

Shade Color Variation

#5a0ffd
```
#5a0ffd rgb(90,15,253)
```
#6823fe
```
#6823fe rgb(104,35,254)
```
#7536fe
```
#7536fe rgb(117,54,254)
```
#834afe
```
#834afe rgb(131,74,254)
```
#905dfe
```
#905dfe rgb(144,93,254)
```
#9d71fe
```
#9d71fe rgb(157,113,254)
```
#ab84fe
```
#ab84fe rgb(171,132,254)
```
#b898fe
```
#b898fe rgb(184,152,254)
```
#c5abfe
```
#c5abfe rgb(197,171,254)
```
#d3bfff
```
#d3bfff rgb(211,191,255)
```
#e0d2ff
```
#e0d2ff rgb(224,210,255)
```
#eee6ff
```
#eee6ff rgb(238,230,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#4a4750
```
#4a4750 rgb(74,71,80)
```
#484156
```
#484156 rgb(72,65,86)
```
#453b5c
```
#453b5c rgb(69,59,92)
```
#433562
```
#433562 rgb(67,53,98)
```
#412f68
```
#412f68 rgb(65,47,104)
```
#3f2a6d
```
#3f2a6d rgb(63,42,109)
```
#3d2473
```
#3d2473 rgb(61,36,115)
```
#3b1e79
```
#3b1e79 rgb(59,30,121)
```
#39187f
```
#39187f rgb(57,24,127)
```
#361285
```
#361285 rgb(54,18,133)
```
#340d8a
```
#340d8a rgb(52,13,138)
```
#320790
```
#320790 rgb(50,7,144)
```
#300196
```
#300196 rgb(48,1,150)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#231a38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5e Deuteranopia 1% of men
#003f43 Tritanopia 0.001% of the population

Trichromacy

#11247c Protanomaly 1% of men, 0.01% of women
#112672 Deuteranomaly 6% of men, 0.4% of women
#112861 Tritanomaly 0.01% of the population

#300196 hex color

#300196 Color Information

#300196 Color Conversion

Color Schemes with #300196

Alternatives to #300196

#300196 Preview

Shades and Tints of #300196

Tones of #300196

Color Blindness Simulator