#300fe2 hex color

In a RGB color space, hex #300fe2 is composed of 18.8% red, 5.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 93.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 249.4 degrees, a saturation of 87.6% and a lightness of 47.3%. #300fe2 color hex could be obtained by blending #601eff with #0000c5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 6
- B 89
RGB color chart
- C 79
- M 93
- Y 0
- K 11
CMYK color chart

● #300fe2 color description : Vivid blue.

The hexadecimal color #300fe2 has RGB values of R:48, G:15, B:226 and CMYK values of C:0.79, M:0.93, Y:0, K:0.11. Its decimal value is 3149794.

Hex triplet	300fe2	`#300fe2`
RGB Decimal	48, 15, 226	`rgb(48,15,226)`
RGB Percent	18.8, 5.9, 88.6	`rgb(18.8%,5.9%,88.6%)`
CMYK	79, 93, 0, 11
HSL	249.4°, 87.6, 47.3	`hsl(249.4,87.6%,47.3%)`
HSV (or HSB)	249.4°, 93.4, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.545, 70.264, -94.313
XYZ	15.115, 6.46, 72.398
xyY	0.161, 0.069, 6.46
CIE-LCH	30.545, 117.609, 306.686
CIE-LUV	30.545, -5.636, -115.84
Hunter-Lab	25.417, 61.67, -151.092
Binary	00110000, 00001111, 11100010

#300fe2
```
#300fe2 rgb(48,15,226)
```
#c1e20f
```
#c1e20f rgb(193,226,15)
```

Complementary Color

#0f58e2
```
#0f58e2 rgb(15,88,226)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```
#9a0fe2
```
#9a0fe2 rgb(154,15,226)
```

Analogous Color

#58e20f
```
#58e20f rgb(88,226,15)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```
#e29a0f
```
#e29a0f rgb(226,154,15)
```

Split Complementary Color

#0fe230
```
#0fe230 rgb(15,226,48)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```
#e2300f
```
#e2300f rgb(226,48,15)
```

Triadic Color

#0fc1e2
```
#0fc1e2 rgb(15,193,226)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```
#e2300f
```
#e2300f rgb(226,48,15)
```
#c1e20f
```
#c1e20f rgb(193,226,15)
```

Tetradic Color

#210a9a
```
#210a9a rgb(33,10,154)
```
#260cb2
```
#260cb2 rgb(38,12,178)
```
#2b0dca
```
#2b0dca rgb(43,13,202)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```
#3c1bf0
```
#3c1bf0 rgb(60,27,240)
```
#5033f1
```
#5033f1 rgb(80,51,241)
```
#654af3
```
#654af3 rgb(101,74,243)
```

Monochromatic Color

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

#0f23e2
```
#0f23e2 rgb(15,35,226)
```
#0f11e2
```
#0f11e2 rgb(15,17,226)
```
#1e0fe2
```
#1e0fe2 rgb(30,15,226)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```
#420fe2
```
#420fe2 rgb(66,15,226)
```
#530fe2
```
#530fe2 rgb(83,15,226)
```
#650fe2
```
#650fe2 rgb(101,15,226)
```

Similar Colors

Text with hexadecimal color #300fe2

This text has a font color of #300fe2.

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

#300fe2 background color

This paragraph has a background color of #300fe2.

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

#300fe2 border color

This element has a border color of #300fe2.

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

CSS codes

.text {color:#300fe2;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#050218
```
#050218 rgb(5,2,24)
```
#09032a
```
#09032a rgb(9,3,42)
```
#0d043c
```
#0d043c rgb(13,4,60)
```
#11054f
```
#11054f rgb(17,5,79)
```
#150661
```
#150661 rgb(21,6,97)
```
#190874
```
#190874 rgb(25,8,116)
```
#1c0986
```
#1c0986 rgb(28,9,134)
```
#200a98
```
#200a98 rgb(32,10,152)
```
#240bab
```
#240bab rgb(36,11,171)
```
#280dbd
```
#280dbd rgb(40,13,189)
```
#2c0ed0
```
#2c0ed0 rgb(44,14,208)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```

Shade Color Variation

#3715ef
```
#3715ef rgb(55,21,239)
```
#4728f1
```
#4728f1 rgb(71,40,241)
```
#573af2
```
#573af2 rgb(87,58,242)
```
#664cf3
```
#664cf3 rgb(102,76,243)
```
#765ff4
```
#765ff4 rgb(118,95,244)
```
#8671f6
```
#8671f6 rgb(134,113,246)
```
#9684f7
```
#9684f7 rgb(150,132,247)
```
#a596f8
```
#a596f8 rgb(165,150,248)
```
#b5a8f9
```
#b5a8f9 rgb(181,168,249)
```
#c5bbfa
```
#c5bbfa rgb(197,187,250)
```
#d4cdfc
```
#d4cdfc rgb(212,205,252)
```
#e4dffd
```
#e4dffd rgb(228,223,253)
```
#f4f2fe
```
#f4f2fe rgb(244,242,254)
```

Tint Color Variation

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

#76757c
```
#76757c rgb(118,117,124)
```
#706c85
```
#706c85 rgb(112,108,133)
```
#69628f
```
#69628f rgb(105,98,143)
```
#635998
```
#635998 rgb(99,89,152)
```
#5d50a1
```
#5d50a1 rgb(93,80,161)
```
#5647aa
```
#5647aa rgb(86,71,170)
```
#503db4
```
#503db4 rgb(80,61,180)
```
#4934bd
```
#4934bd rgb(73,52,189)
```
#432bc6
```
#432bc6 rgb(67,43,198)
```
#3d22cf
```
#3d22cf rgb(61,34,207)
```
#3618d9
```
#3618d9 rgb(54,24,217)
```
#300fe2
```
#300fe2 rgb(48,15,226)
```
#2a06eb
```
#2a06eb rgb(42,6,235)
```

Tone Color Variation

Below, you can see how #300fe2 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
#312a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#1137b3 Protanomaly 1% of men, 0.01% of women
#113aa6 Deuteranomaly 6% of men, 0.4% of women
#113e8d Tritanomaly 0.01% of the population

#300fe2 hex color

#300fe2 Color Information

#300fe2 Color Conversion

Color Schemes with #300fe2

Alternatives to #300fe2

#300fe2 Preview

Shades and Tints of #300fe2

Tones of #300fe2

Color Blindness Simulator