#300fcc hex color

In a RGB color space, hex #300fcc is composed of 18.8% red, 5.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 92.6% magenta, 0% yellow and 20% black. It has a hue angle of 250.5 degrees, a saturation of 86.3% and a lightness of 42.9%. #300fcc color hex could be obtained by blending #601eff with #000099. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 6
- B 80
RGB color chart
- C 76
- M 93
- Y 0
- K 20
CMYK color chart

● #300fcc color description : Strong blue.

The hexadecimal color #300fcc has RGB values of R:48, G:15, B:204 and CMYK values of C:0.76, M:0.93, Y:0, K:0.2. Its decimal value is 3149772.

Hex triplet	300fcc	`#300fcc`
RGB Decimal	48, 15, 204	`rgb(48,15,204)`
RGB Percent	18.8, 5.9, 80	`rgb(18.8%,5.9%,80%)`
CMYK	76, 93, 0, 20
HSL	250.5°, 86.3, 42.9	`hsl(250.5,86.3%,42.9%)`
HSV (or HSB)	250.5°, 92.6, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.652, 64.659, -86.401
XYZ	12.287, 5.329, 57.504
xyY	0.164, 0.071, 5.329
CIE-LCH	27.652, 107.916, 306.81
CIE-LUV	27.652, -4.383, -103.232
Hunter-Lab	23.084, 54.609, -131.535
Binary	00110000, 00001111, 11001100

#300fcc
```
#300fcc rgb(48,15,204)
```
#abcc0f
```
#abcc0f rgb(171,204,15)
```

Complementary Color

#0f4dcc
```
#0f4dcc rgb(15,77,204)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#8f0fcc
```
#8f0fcc rgb(143,15,204)
```

Analogous Color

#4dcc0f
```
#4dcc0f rgb(77,204,15)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#cc8f0f
```
#cc8f0f rgb(204,143,15)
```

Split Complementary Color

#0fcc30
```
#0fcc30 rgb(15,204,48)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#cc300f
```
#cc300f rgb(204,48,15)
```

Triadic Color

#0fabcc
```
#0fabcc rgb(15,171,204)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#cc300f
```
#cc300f rgb(204,48,15)
```
#abcc0f
```
#abcc0f rgb(171,204,15)
```

Tetradic Color

#1f0a85
```
#1f0a85 rgb(31,10,133)
```
#250c9c
```
#250c9c rgb(37,12,156)
```
#2a0db4
```
#2a0db4 rgb(42,13,180)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#3611e4
```
#3611e4 rgb(54,17,228)
```
#441fef
```
#441fef rgb(68,31,239)
```
#5837f0
```
#5837f0 rgb(88,55,240)
```

Monochromatic Color

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

#0f1dcc
```
#0f1dcc rgb(15,29,204)
```
#110fcc
```
#110fcc rgb(17,15,204)
```
#200fcc
```
#200fcc rgb(32,15,204)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#400fcc
```
#400fcc rgb(64,15,204)
```
#500fcc
```
#500fcc rgb(80,15,204)
```
#5f0fcc
```
#5f0fcc rgb(95,15,204)
```

Similar Colors

Text with hexadecimal color #300fcc

This text has a font color of #300fcc.

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

#300fcc background color

This paragraph has a background color of #300fcc.

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

#300fcc border color

This element has a border color of #300fcc.

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

CSS codes

.text {color:#300fcc;}

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

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

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, #010003 is the darkest color, while #f2f0fe is the lightest one.

#010003
```
#010003 rgb(1,0,3)
```
#050215
```
#050215 rgb(5,2,21)
```
#090328
```
#090328 rgb(9,3,40)
```
#0e043a
```
#0e043a rgb(14,4,58)
```
#12064c
```
#12064c rgb(18,6,76)
```
#16075e
```
#16075e rgb(22,7,94)
```
#1b0871
```
#1b0871 rgb(27,8,113)
```
#1f0a83
```
#1f0a83 rgb(31,10,131)
```
#230b95
```
#230b95 rgb(35,11,149)
```
#270ca7
```
#270ca7 rgb(39,12,167)
```
#2c0eba
```
#2c0eba rgb(44,14,186)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#3410de
```
#3410de rgb(52,16,222)
```

Shade Color Variation

#3a14ee
```
#3a14ee rgb(58,20,238)
```
#4a27ef
```
#4a27ef rgb(74,39,239)
```
#5939f0
```
#5939f0 rgb(89,57,240)
```
#684bf2
```
#684bf2 rgb(104,75,242)
```
#785ef3
```
#785ef3 rgb(120,94,243)
```
#8770f4
```
#8770f4 rgb(135,112,244)
```
#9682f6
```
#9682f6 rgb(150,130,246)
```
#a694f7
```
#a694f7 rgb(166,148,247)
```
#b5a7f9
```
#b5a7f9 rgb(181,167,249)
```
#c4b9fa
```
#c4b9fa rgb(196,185,250)
```
#d4cbfb
```
#d4cbfb rgb(212,203,251)
```
#e3ddfd
```
#e3ddfd rgb(227,221,253)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#6c6c6f
```
#6c6c6f rgb(108,108,111)
```
#676378
```
#676378 rgb(103,99,120)
```
#615b80
```
#615b80 rgb(97,91,128)
```
#5c5289
```
#5c5289 rgb(92,82,137)
```
#564a91
```
#564a91 rgb(86,74,145)
```
#514299
```
#514299 rgb(81,66,153)
```
#4b39a2
```
#4b39a2 rgb(75,57,162)
```
#4631aa
```
#4631aa rgb(70,49,170)
```
#4028b3
```
#4028b3 rgb(64,40,179)
```
#3b20bb
```
#3b20bb rgb(59,32,187)
```
#3517c4
```
#3517c4 rgb(53,23,196)
```
#300fcc
```
#300fcc rgb(48,15,204)
```
#2b07d4
```
#2b07d4 rgb(43,7,212)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e284e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#1133a4 Protanomaly 1% of men, 0.01% of women
#113697 Deuteranomaly 6% of men, 0.4% of women
#113a81 Tritanomaly 0.01% of the population

#300fcc hex color

#300fcc Color Information

#300fcc Color Conversion

Color Schemes with #300fcc

Alternatives to #300fcc

#300fcc Preview

Shades and Tints of #300fcc

Tones of #300fcc

Color Blindness Simulator