#300ff1 hex color

In a RGB color space, hex #300ff1 is composed of 18.8% red, 5.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 93.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 248.8 degrees, a saturation of 89% and a lightness of 50.2%. #300ff1 color hex could be obtained by blending #601eff with #0000e3. Closest websafe color is: #3300ff.

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

● #300ff1 color description : Vivid blue.

The hexadecimal color #300ff1 has RGB values of R:48, G:15, B:241 and CMYK values of C:0.8, M:0.94, Y:0, K:0.05. Its decimal value is 3149809.

Hex triplet	300ff1	`#300ff1`
RGB Decimal	48, 15, 241	`rgb(48,15,241)`
RGB Percent	18.8, 5.9, 94.5	`rgb(18.8%,5.9%,94.5%)`
CMYK	80, 94, 0, 5
HSL	248.8°, 89, 50.2	`hsl(248.8,89%,50.2%)`
HSV (or HSB)	248.8°, 93.8, 94.5
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.524, 74.007, -99.561
XYZ	17.264, 7.32, 83.717
xyY	0.159, 0.068, 7.32
CIE-LCH	32.524, 124.055, 306.625
CIE-LUV	32.524, -6.451, -124.372
Hunter-Lab	27.055, 66.554, -164.524
Binary	00110000, 00001111, 11110001

#300ff1
```
#300ff1 rgb(48,15,241)
```
#d0f10f
```
#d0f10f rgb(208,241,15)
```

Complementary Color

#0f5ff1
```
#0f5ff1 rgb(15,95,241)
```
#300ff1
```
#300ff1 rgb(48,15,241)
```
#a10ff1
```
#a10ff1 rgb(161,15,241)
```

Analogous Color

#5ff10f
```
#5ff10f rgb(95,241,15)
```
#300ff1
```
#300ff1 rgb(48,15,241)
```
#f1a10f
```
#f1a10f rgb(241,161,15)
```

Split Complementary Color

#0ff130
```
#0ff130 rgb(15,241,48)
```
#300ff1
```
#300ff1 rgb(48,15,241)
```
#f1300f
```
#f1300f rgb(241,48,15)
```

Triadic Color

#0fd0f1
```
#0fd0f1 rgb(15,208,241)
```
#300ff1
```
#300ff1 rgb(48,15,241)
```
#f1300f
```
#f1300f rgb(241,48,15)
```
#d0f10f
```
#d0f10f rgb(208,241,15)
```

Tetradic Color

#210aaa
```
#210aaa rgb(33,10,170)
```
#260bc2
```
#260bc2 rgb(38,11,194)
```
#2b0dda
```
#2b0dda rgb(43,13,218)
```
#300ff1
```
#300ff1 rgb(48,15,241)
```
#4527f2
```
#4527f2 rgb(69,39,242)
```
#5a3ff4
```
#5a3ff4 rgb(90,63,244)
```
#6e57f5
```
#6e57f5 rgb(110,87,245)
```

Monochromatic Color

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

#0f27f1
```
#0f27f1 rgb(15,39,241)
```
#0f14f1
```
#0f14f1 rgb(15,20,241)
```
#1d0ff1
```
#1d0ff1 rgb(29,15,241)
```
#300ff1
```
#300ff1 rgb(48,15,241)
```
#430ff1
```
#430ff1 rgb(67,15,241)
```
#560ff1
```
#560ff1 rgb(86,15,241)
```
#690ff1
```
#690ff1 rgb(105,15,241)
```

Similar Colors

Text with hexadecimal color #300ff1

This text has a font color of #300ff1.

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

#300ff1 background color

This paragraph has a background color of #300ff1.

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

#300ff1 border color

This element has a border color of #300ff1.

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

CSS codes

.text {color:#300ff1;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040113
```
#040113 rgb(4,1,19)
```
#070226
```
#070226 rgb(7,2,38)
```
#0b0339
```
#0b0339 rgb(11,3,57)
```
#0f044b
```
#0f044b rgb(15,4,75)
```
#12055e
```
#12055e rgb(18,5,94)
```
#160770
```
#160770 rgb(22,7,112)
```
#1a0883
```
#1a0883 rgb(26,8,131)
```
#1d0995
```
#1d0995 rgb(29,9,149)
```
#210aa8
```
#210aa8 rgb(33,10,168)
```
#240bba
```
#240bba rgb(36,11,186)
```
#280ccd
```
#280ccd rgb(40,12,205)
```
#2c0ddf
```
#2c0ddf rgb(44,13,223)
```

Shade Color Variation

#300ff1
```
#300ff1 rgb(48,15,241)
```
#4022f2
```
#4022f2 rgb(64,34,242)
```
#5034f3
```
#5034f3 rgb(80,52,243)
```
#6047f4
```
#6047f4 rgb(96,71,244)
```
#7059f5
```
#7059f5 rgb(112,89,245)
```
#806cf6
```
#806cf6 rgb(128,108,246)
```
#907ef7
```
#907ef7 rgb(144,126,247)
```
#a091f9
```
#a091f9 rgb(160,145,249)
```
#b0a3fa
```
#b0a3fa rgb(176,163,250)
```
#c0b6fb
```
#c0b6fb rgb(192,182,251)
```
#d0c8fc
```
#d0c8fc rgb(208,200,252)
```
#e0dbfd
```
#e0dbfd rgb(224,219,253)
```
#f0edfe
```
#f0edfe rgb(240,237,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7a86 is the less saturated color, while #2905fb is the most saturated one.

#7c7a86
```
#7c7a86 rgb(124,122,134)
```
#75718f
```
#75718f rgb(117,113,143)
```
#6e6799
```
#6e6799 rgb(110,103,153)
```
#675da3
```
#675da3 rgb(103,93,163)
```
#6053ad
```
#6053ad rgb(96,83,173)
```
#594ab6
```
#594ab6 rgb(89,74,182)
```
#5340c0
```
#5340c0 rgb(83,64,192)
```
#4c36ca
```
#4c36ca rgb(76,54,202)
```
#452cd4
```
#452cd4 rgb(69,44,212)
```
#3e23dd
```
#3e23dd rgb(62,35,221)
```
#3719e7
```
#3719e7 rgb(55,25,231)
```
#300ff1
```
#300ff1 rgb(48,15,241)
```
#2905fb
```
#2905fb rgb(41,5,251)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#322c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#113abe Protanomaly 1% of men, 0.01% of women
#113db0 Deuteranomaly 6% of men, 0.4% of women
#114196 Tritanomaly 0.01% of the population

#300ff1 hex color

#300ff1 Color Information

#300ff1 Color Conversion

Color Schemes with #300ff1

Alternatives to #300ff1

#300ff1 Preview

Shades and Tints of #300ff1

Tones of #300ff1

Color Blindness Simulator