#300efa hex color

In a RGB color space, hex #300efa is composed of 18.8% red, 5.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 94.4% magenta, 0% yellow and 2% black. It has a hue angle of 248.6 degrees, a saturation of 95.9% and a lightness of 51.8%. #300efa color hex could be obtained by blending #601cff with #0000f5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 5
- B 98
RGB color chart
- C 81
- M 94
- Y 0
- K 2
CMYK color chart

● #300efa color description : Vivid blue.

The hexadecimal color #300efa has RGB values of R:48, G:14, B:250 and CMYK values of C:0.81, M:0.94, Y:0, K:0.02. Its decimal value is 3149562.

Hex triplet	300efa	`#300efa`
RGB Decimal	48, 14, 250	`rgb(48,14,250)`
RGB Percent	18.8, 5.5, 98	`rgb(18.8%,5.5%,98%)`
CMYK	81, 94, 0, 2
HSL	248.6°, 95.9, 51.8	`hsl(248.6,95.9%,51.8%)`
HSV (or HSB)	248.6°, 94.4, 98
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.654, 76.404, -102.757
XYZ	18.628, 7.843, 90.969
xyY	0.159, 0.067, 7.843
CIE-LCH	33.654, 128.05, 306.632
CIE-LUV	33.654, -6.888, -129.425
Hunter-Lab	28.006, 69.717, -172.982
Binary	00110000, 00001110, 11111010

#300efa
```
#300efa rgb(48,14,250)
```
#d8fa0e
```
#d8fa0e rgb(216,250,14)
```

Complementary Color

#0e62fa
```
#0e62fa rgb(14,98,250)
```
#300efa
```
#300efa rgb(48,14,250)
```
#a60efa
```
#a60efa rgb(166,14,250)
```

Analogous Color

#62fa0e
```
#62fa0e rgb(98,250,14)
```
#300efa
```
#300efa rgb(48,14,250)
```
#faa60e
```
#faa60e rgb(250,166,14)
```

Split Complementary Color

#0efa30
```
#0efa30 rgb(14,250,48)
```
#300efa
```
#300efa rgb(48,14,250)
```
#fa300e
```
#fa300e rgb(250,48,14)
```

Triadic Color

#0ed8fa
```
#0ed8fa rgb(14,216,250)
```
#300efa
```
#300efa rgb(48,14,250)
```
#fa300e
```
#fa300e rgb(250,48,14)
```
#d8fa0e
```
#d8fa0e rgb(216,250,14)
```

Tetradic Color

#1e04b8
```
#1e04b8 rgb(30,4,184)
```
#2204d1
```
#2204d1 rgb(34,4,209)
```
#2605ea
```
#2605ea rgb(38,5,234)
```
#300efa
```
#300efa rgb(48,14,250)
```
#4527fb
```
#4527fb rgb(69,39,251)
```
#5b40fb
```
#5b40fb rgb(91,64,251)
```
#7059fc
```
#7059fc rgb(112,89,252)
```

Monochromatic Color

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

#0e27fa
```
#0e27fa rgb(14,39,250)
```
#0e13fa
```
#0e13fa rgb(14,19,250)
```
#1c0efa
```
#1c0efa rgb(28,14,250)
```
#300efa
```
#300efa rgb(48,14,250)
```
#440efa
```
#440efa rgb(68,14,250)
```
#570efa
```
#570efa rgb(87,14,250)
```
#6b0efa
```
#6b0efa rgb(107,14,250)
```

Similar Colors

Text with hexadecimal color #300efa

This text has a font color of #300efa.

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

#300efa background color

This paragraph has a background color of #300efa.

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

#300efa border color

This element has a border color of #300efa.

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

CSS codes

.text {color:#300efa;}

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

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

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

#010009
```
#010009 rgb(1,0,9)
```
#05011c
```
#05011c rgb(5,1,28)
```
#08012f
```
#08012f rgb(8,1,47)
```
#0b0142
```
#0b0142 rgb(11,1,66)
```
#0e0256
```
#0e0256 rgb(14,2,86)
```
#110269
```
#110269 rgb(17,2,105)
```
#14037c
```
#14037c rgb(20,3,124)
```
#17038f
```
#17038f rgb(23,3,143)
```
#1a03a3
```
#1a03a3 rgb(26,3,163)
```
#1d04b6
```
#1d04b6 rgb(29,4,182)
```
#2104c9
```
#2104c9 rgb(33,4,201)
```
#2405dc
```
#2405dc rgb(36,5,220)
```
#2705ef
```
#2705ef rgb(39,5,239)
```

Shade Color Variation

#300efa
```
#300efa rgb(48,14,250)
```
#4121fa
```
#4121fa rgb(65,33,250)
```
#5134fb
```
#5134fb rgb(81,52,251)
```
#6248fb
```
#6248fb rgb(98,72,251)
```
#725bfc
```
#725bfc rgb(114,91,252)
```
#836efc
```
#836efc rgb(131,110,252)
```
#9381fc
```
#9381fc rgb(147,129,252)
```
#a495fd
```
#a495fd rgb(164,149,253)
```
#b4a8fd
```
#b4a8fd rgb(180,168,253)
```
#c5bbfe
```
#c5bbfe rgb(197,187,254)
```
#d5cefe
```
#d5cefe rgb(213,206,254)
```
#e6e1fe
```
#e6e1fe rgb(230,225,254)
```
#f6f5ff
```
#f6f5ff rgb(246,245,255)
```

Tint Color Variation

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

#818088
```
#818088 rgb(129,128,136)
```
#7a7692
```
#7a7692 rgb(122,118,146)
```
#736d9b
```
#736d9b rgb(115,109,155)
```
#6d63a5
```
#6d63a5 rgb(109,99,165)
```
#665aae
```
#665aae rgb(102,90,174)
```
#5f50b8
```
#5f50b8 rgb(95,80,184)
```
#5847c1
```
#5847c1 rgb(88,71,193)
```
#523dcb
```
#523dcb rgb(82,61,203)
```
#4b34d4
```
#4b34d4 rgb(75,52,212)
```
#442ade
```
#442ade rgb(68,42,222)
```
#3d21e7
```
#3d21e7 rgb(61,33,231)
```
#3717f1
```
#3717f1 rgb(55,23,241)
```
#300efa
```
#300efa rgb(48,14,250)
```

Tone Color Variation

Below, you can see how #300efa 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
#322c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#113bc4 Protanomaly 1% of men, 0.01% of women
#113eb6 Deuteranomaly 6% of men, 0.4% of women
#11429b Tritanomaly 0.01% of the population

#300efa hex color

#300efa Color Information

#300efa Color Conversion

Color Schemes with #300efa

Alternatives to #300efa

#300efa Preview

Shades and Tints of #300efa

Tones of #300efa

Color Blindness Simulator