#300cf0 hex color

In a RGB color space, hex #300cf0 is composed of 18.8% red, 4.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 95% magenta, 0% yellow and 5.9% black. It has a hue angle of 249.5 degrees, a saturation of 90.5% and a lightness of 49.4%. #300cf0 color hex could be obtained by blending #6018ff with #0000e1. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 5
- B 94
RGB color chart
- C 80
- M 95
- Y 0
- K 6
CMYK color chart

● #300cf0 color description : Vivid blue.

The hexadecimal color #300cf0 has RGB values of R:48, G:12, B:240 and CMYK values of C:0.8, M:0.95, Y:0, K:0.06. Its decimal value is 3149040.

Hex triplet	300cf0	`#300cf0`
RGB Decimal	48, 12, 240	`rgb(48,12,240)`
RGB Percent	18.8, 4.7, 94.1	`rgb(18.8%,4.7%,94.1%)`
CMYK	80, 95, 0, 6
HSL	249.5°, 90.5, 49.4	`hsl(249.5,90.5%,49.4%)`
HSV (or HSB)	249.5°, 95, 94.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.217, 74.299, -99.508
XYZ	17.075, 7.181, 82.92
xyY	0.159, 0.067, 7.181
CIE-LCH	32.217, 124.186, 306.748
CIE-LUV	32.217, -6.281, -123.682
Hunter-Lab	26.798, 66.841, -164.697
Binary	00110000, 00001100, 11110000

#300cf0
```
#300cf0 rgb(48,12,240)
```
#ccf00c
```
#ccf00c rgb(204,240,12)
```

Complementary Color

#0c5af0
```
#0c5af0 rgb(12,90,240)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```
#a20cf0
```
#a20cf0 rgb(162,12,240)
```

Analogous Color

#5af00c
```
#5af00c rgb(90,240,12)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```
#f0a20c
```
#f0a20c rgb(240,162,12)
```

Split Complementary Color

#0cf030
```
#0cf030 rgb(12,240,48)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```
#f0300c
```
#f0300c rgb(240,48,12)
```

Triadic Color

#0cccf0
```
#0cccf0 rgb(12,204,240)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```
#f0300c
```
#f0300c rgb(240,48,12)
```
#ccf00c
```
#ccf00c rgb(204,240,12)
```

Tetradic Color

#2108a7
```
#2108a7 rgb(33,8,167)
```
#260abf
```
#260abf rgb(38,10,191)
```
#2b0bd8
```
#2b0bd8 rgb(43,11,216)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```
#4322f4
```
#4322f4 rgb(67,34,244)
```
#573af5
```
#573af5 rgb(87,58,245)
```
#6c52f6
```
#6c52f6 rgb(108,82,246)
```

Monochromatic Color

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

#0c21f0
```
#0c21f0 rgb(12,33,240)
```
#0c0ef0
```
#0c0ef0 rgb(12,14,240)
```
#1d0cf0
```
#1d0cf0 rgb(29,12,240)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```
#430cf0
```
#430cf0 rgb(67,12,240)
```
#560cf0
```
#560cf0 rgb(86,12,240)
```
#690cf0
```
#690cf0 rgb(105,12,240)
```

Similar Colors

Text with hexadecimal color #300cf0

This text has a font color of #300cf0.

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

#300cf0 background color

This paragraph has a background color of #300cf0.

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

#300cf0 border color

This element has a border color of #300cf0.

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

CSS codes

.text {color:#300cf0;}

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

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

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

#030110
```
#030110 rgb(3,1,16)
```
#070223
```
#070223 rgb(7,2,35)
```
#0b0335
```
#0b0335 rgb(11,3,53)
```
#0e0448
```
#0e0448 rgb(14,4,72)
```
#12055b
```
#12055b rgb(18,5,91)
```
#16056d
```
#16056d rgb(22,5,109)
```
#1a0680
```
#1a0680 rgb(26,6,128)
```
#1d0793
```
#1d0793 rgb(29,7,147)
```
#2108a5
```
#2108a5 rgb(33,8,165)
```
#2509b8
```
#2509b8 rgb(37,9,184)
```
#290acb
```
#290acb rgb(41,10,203)
```
#2c0bdd
```
#2c0bdd rgb(44,11,221)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```

Shade Color Variation

#3e1cf4
```
#3e1cf4 rgb(62,28,244)
```
#4e2ff5
```
#4e2ff5 rgb(78,47,245)
```
#5e41f6
```
#5e41f6 rgb(94,65,246)
```
#6e54f6
```
#6e54f6 rgb(110,84,246)
```
#7e67f7
```
#7e67f7 rgb(126,103,247)
```
#8d79f8
```
#8d79f8 rgb(141,121,248)
```
#9d8cf9
```
#9d8cf9 rgb(157,140,249)
```
#ad9ffa
```
#ad9ffa rgb(173,159,250)
```
#bdb1fb
```
#bdb1fb rgb(189,177,251)
```
#cdc4fc
```
#cdc4fc rgb(205,196,252)
```
#ddd7fd
```
#ddd7fd rgb(221,215,253)
```
#ede9fe
```
#ede9fe rgb(237,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#797785
```
#797785 rgb(121,119,133)
```
#726d8f
```
#726d8f rgb(114,109,143)
```
#6c6399
```
#6c6399 rgb(108,99,153)
```
#655aa2
```
#655aa2 rgb(101,90,162)
```
#5e50ac
```
#5e50ac rgb(94,80,172)
```
#5846b6
```
#5846b6 rgb(88,70,182)
```
#513cc0
```
#513cc0 rgb(81,60,192)
```
#4b33c9
```
#4b33c9 rgb(75,51,201)
```
#4429d3
```
#4429d3 rgb(68,41,211)
```
#3d1fdd
```
#3d1fdd rgb(61,31,221)
```
#3716e6
```
#3716e6 rgb(55,22,230)
```
#300cf0
```
#300cf0 rgb(48,12,240)
```
#2902fa
```
#2902fa rgb(41,2,250)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#1139bd Protanomaly 1% of men, 0.01% of women
#113caf Deuteranomaly 6% of men, 0.4% of women
#113f95 Tritanomaly 0.01% of the population

#300cf0 hex color

#300cf0 Color Information

#300cf0 Color Conversion

Color Schemes with #300cf0

Alternatives to #300cf0

#300cf0 Preview

Shades and Tints of #300cf0

Tones of #300cf0

Color Blindness Simulator