#300be4 hex color

In a RGB color space, hex #300be4 is composed of 18.8% red, 4.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 95.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 250.2 degrees, a saturation of 90.8% and a lightness of 46.9%. #300be4 color hex could be obtained by blending #6016ff with #0000c9. Closest websafe color is: #3300cc.

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

● #300be4 color description : Vivid blue.

The hexadecimal color #300be4 has RGB values of R:48, G:11, B:228 and CMYK values of C:0.79, M:0.95, Y:0, K:0.11. Its decimal value is 3148772.

Hex triplet	300be4	`#300be4`
RGB Decimal	48, 11, 228	`rgb(48,11,228)`
RGB Percent	18.8, 4.3, 89.4	`rgb(18.8%,4.3%,89.4%)`
CMYK	79, 95, 0, 11
HSL	250.2°, 90.8, 46.9	`hsl(250.2,90.8%,46.9%)`
HSV (or HSB)	250.2°, 95.2, 89.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.564, 71.517, -95.427
XYZ	15.339, 6.468, 73.835
xyY	0.16, 0.068, 6.468
CIE-LCH	30.564, 119.252, 306.849
CIE-LUV	30.564, -5.587, -116.806
Hunter-Lab	25.433, 63.153, -154.324
Binary	00110000, 00001011, 11100100

#300be4
```
#300be4 rgb(48,11,228)
```
#bfe40b
```
#bfe40b rgb(191,228,11)
```

Complementary Color

#0b53e4
```
#0b53e4 rgb(11,83,228)
```
#300be4
```
#300be4 rgb(48,11,228)
```
#9d0be4
```
#9d0be4 rgb(157,11,228)
```

Analogous Color

#53e40b
```
#53e40b rgb(83,228,11)
```
#300be4
```
#300be4 rgb(48,11,228)
```
#e49d0b
```
#e49d0b rgb(228,157,11)
```

Split Complementary Color

#0be430
```
#0be430 rgb(11,228,48)
```
#300be4
```
#300be4 rgb(48,11,228)
```
#e4300b
```
#e4300b rgb(228,48,11)
```

Triadic Color

#0bbfe4
```
#0bbfe4 rgb(11,191,228)
```
#300be4
```
#300be4 rgb(48,11,228)
```
#e4300b
```
#e4300b rgb(228,48,11)
```
#bfe40b
```
#bfe40b rgb(191,228,11)
```

Tetradic Color

#21079b
```
#21079b rgb(33,7,155)
```
#2609b3
```
#2609b3 rgb(38,9,179)
```
#2b0acc
```
#2b0acc rgb(43,10,204)
```
#300be4
```
#300be4 rgb(48,11,228)
```
#3b15f4
```
#3b15f4 rgb(59,21,244)
```
#4f2df5
```
#4f2df5 rgb(79,45,245)
```
#6445f6
```
#6445f6 rgb(100,69,246)
```

Monochromatic Color

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

#0b1ce4
```
#0b1ce4 rgb(11,28,228)
```
#0c0be4
```
#0c0be4 rgb(12,11,228)
```
#1e0be4
```
#1e0be4 rgb(30,11,228)
```
#300be4
```
#300be4 rgb(48,11,228)
```
#420be4
```
#420be4 rgb(66,11,228)
```
#540be4
```
#540be4 rgb(84,11,228)
```
#660be4
```
#660be4 rgb(102,11,228)
```

Similar Colors

Text with hexadecimal color #300be4

This text has a font color of #300be4.

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

#300be4 background color

This paragraph has a background color of #300be4.

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

#300be4 border color

This element has a border color of #300be4.

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

CSS codes

.text {color:#300be4;}

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

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

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)
```
#050116
```
#050116 rgb(5,1,22)
```
#090229
```
#090229 rgb(9,2,41)
```
#0d033c
```
#0d033c rgb(13,3,60)
```
#10044e
```
#10044e rgb(16,4,78)
```
#140561
```
#140561 rgb(20,5,97)
```
#180674
```
#180674 rgb(24,6,116)
```
#1c0686
```
#1c0686 rgb(28,6,134)
```
#200799
```
#200799 rgb(32,7,153)
```
#2408ac
```
#2408ac rgb(36,8,172)
```
#2809bf
```
#2809bf rgb(40,9,191)
```
#2c0ad1
```
#2c0ad1 rgb(44,10,209)
```
#300be4
```
#300be4 rgb(48,11,228)
```

Shade Color Variation

#360ff3
```
#360ff3 rgb(54,15,243)
```
#4622f4
```
#4622f4 rgb(70,34,244)
```
#5535f5
```
#5535f5 rgb(85,53,245)
```
#6547f6
```
#6547f6 rgb(101,71,246)
```
#755af7
```
#755af7 rgb(117,90,247)
```
#846df8
```
#846df8 rgb(132,109,248)
```
#947ff9
```
#947ff9 rgb(148,127,249)
```
#a492fa
```
#a492fa rgb(164,146,250)
```
#b4a5fb
```
#b4a5fb rgb(180,165,251)
```
#c3b8fc
```
#c3b8fc rgb(195,184,252)
```
#d3cafc
```
#d3cafc rgb(211,202,252)
```
#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, #73707f is the less saturated color, while #2a02ed is the most saturated one.

#73707f
```
#73707f rgb(115,112,127)
```
#6d6788
```
#6d6788 rgb(109,103,136)
```
#675e91
```
#675e91 rgb(103,94,145)
```
#60559a
```
#60559a rgb(96,85,154)
```
#5a4ba4
```
#5a4ba4 rgb(90,75,164)
```
#5442ad
```
#5442ad rgb(84,66,173)
```
#4e39b6
```
#4e39b6 rgb(78,57,182)
```
#4830bf
```
#4830bf rgb(72,48,191)
```
#4227c8
```
#4227c8 rgb(66,39,200)
```
#3c1dd2
```
#3c1dd2 rgb(60,29,210)
```
#3614db
```
#3614db rgb(54,20,219)
```
#300be4
```
#300be4 rgb(48,11,228)
```
#2a02ed
```
#2a02ed rgb(42,2,237)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2853 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

#1136b4 Protanomaly 1% of men, 0.01% of women
#1139a7 Deuteranomaly 6% of men, 0.4% of women
#113d8e Tritanomaly 0.01% of the population

#300be4 hex color

#300be4 Color Information

#300be4 Color Conversion

Color Schemes with #300be4

Alternatives to #300be4

#300be4 Preview

Shades and Tints of #300be4

Tones of #300be4

Color Blindness Simulator