#301efa hex color

In a RGB color space, hex #301efa is composed of 18.8% red, 11.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 88% magenta, 0% yellow and 2% black. It has a hue angle of 244.9 degrees, a saturation of 95.7% and a lightness of 54.9%. #301efa color hex could be obtained by blending #603cff with #0000f5. Closest websafe color is: #3333ff.

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

● #301efa color description : Vivid blue.

The hexadecimal color #301efa has RGB values of R:48, G:30, B:250 and CMYK values of C:0.81, M:0.88, Y:0, K:0.02. Its decimal value is 3153658.

Hex triplet	301efa	`#301efa`
RGB Decimal	48, 30, 250	`rgb(48,30,250)`
RGB Percent	18.8, 11.8, 98	`rgb(18.8%,11.8%,98%)`
CMYK	81, 88, 0, 2
HSL	244.9°, 95.7, 54.9	`hsl(244.9,95.7%,54.9%)`
HSV (or HSB)	244.9°, 88, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.919, 72.543, -100.648
XYZ	18.935, 8.458, 91.072
xyY	0.16, 0.071, 8.458
CIE-LCH	34.919, 124.067, 305.783
CIE-LUV	34.919, -7.754, -130.133
Hunter-Lab	29.082, 65.325, -165.31
Binary	00110000, 00011110, 11111010

#301efa
```
#301efa rgb(48,30,250)
```
#e8fa1e
```
#e8fa1e rgb(232,250,30)
```

Complementary Color

#1e7afa
```
#1e7afa rgb(30,122,250)
```
#301efa
```
#301efa rgb(48,30,250)
```
#9e1efa
```
#9e1efa rgb(158,30,250)
```

Analogous Color

#7afa1e
```
#7afa1e rgb(122,250,30)
```
#301efa
```
#301efa rgb(48,30,250)
```
#fa9e1e
```
#fa9e1e rgb(250,158,30)
```

Split Complementary Color

#1efa30
```
#1efa30 rgb(30,250,48)
```
#301efa
```
#301efa rgb(48,30,250)
```
#fa301e
```
#fa301e rgb(250,48,30)
```

Triadic Color

#1ee8fa
```
#1ee8fa rgb(30,232,250)
```
#301efa
```
#301efa rgb(48,30,250)
```
#fa301e
```
#fa301e rgb(250,48,30)
```
#e8fa1e
```
#e8fa1e rgb(232,250,30)
```

Tetradic Color

#1404c7
```
#1404c7 rgb(20,4,199)
```
#1705e0
```
#1705e0 rgb(23,5,224)
```
#1906f9
```
#1906f9 rgb(25,6,249)
```
#301efa
```
#301efa rgb(48,30,250)
```
#4737fb
```
#4737fb rgb(71,55,251)
```
#5e50fb
```
#5e50fb rgb(94,80,251)
```
#7569fc
```
#7569fc rgb(117,105,252)
```

Monochromatic Color

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

#1e43fa
```
#1e43fa rgb(30,67,250)
```
#1e31fa
```
#1e31fa rgb(30,49,250)
```
#1e1efa
```
#1e1efa rgb(30,30,250)
```
#301efa
```
#301efa rgb(48,30,250)
```
#421efa
```
#421efa rgb(66,30,250)
```
#551efa
```
#551efa rgb(85,30,250)
```
#671efa
```
#671efa rgb(103,30,250)
```

Similar Colors

Text with hexadecimal color #301efa

This text has a font color of #301efa.

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

#301efa background color

This paragraph has a background color of #301efa.

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

#301efa border color

This element has a border color of #301efa.

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

CSS codes

.text {color:#301efa;}

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

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

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 #f2f1ff is the lightest one.

#010005
```
#010005 rgb(1,0,5)
```
#020118
```
#020118 rgb(2,1,24)
```
#04012c
```
#04012c rgb(4,1,44)
```
#06013f
```
#06013f rgb(6,1,63)
```
#080252
```
#080252 rgb(8,2,82)
```
#0a0265
```
#0a0265 rgb(10,2,101)
```
#0c0378
```
#0c0378 rgb(12,3,120)
```
#0e038c
```
#0e038c rgb(14,3,140)
```
#10049f
```
#10049f rgb(16,4,159)
```
#1204b2
```
#1204b2 rgb(18,4,178)
```
#1404c5
```
#1404c5 rgb(20,4,197)
```
#1605d8
```
#1605d8 rgb(22,5,216)
```
#1805ec
```
#1805ec rgb(24,5,236)
```

Shade Color Variation

#1e0bfa
```
#1e0bfa rgb(30,11,250)
```
#301efa
```
#301efa rgb(48,30,250)
```
#4231fa
```
#4231fa rgb(66,49,250)
```
#5344fb
```
#5344fb rgb(83,68,251)
```
#6558fb
```
#6558fb rgb(101,88,251)
```
#776bfc
```
#776bfc rgb(119,107,252)
```
#887efc
```
#887efc rgb(136,126,252)
```
#9a91fd
```
#9a91fd rgb(154,145,253)
```
#aca4fd
```
#aca4fd rgb(172,164,253)
```
#bdb8fd
```
#bdb8fd rgb(189,184,253)
```
#cfcbfe
```
#cfcbfe rgb(207,203,254)
```
#e1defe
```
#e1defe rgb(225,222,254)
```
#f2f1ff
```
#f2f1ff rgb(242,241,255)
```

Tint Color Variation

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

#898890
```
#898890 rgb(137,136,144)
```
#817f99
```
#817f99 rgb(129,127,153)
```
#7a76a2
```
#7a76a2 rgb(122,118,162)
```
#736eaa
```
#736eaa rgb(115,110,170)
```
#6b65b3
```
#6b65b3 rgb(107,101,179)
```
#645cbc
```
#645cbc rgb(100,92,188)
```
#5c53c5
```
#5c53c5 rgb(92,83,197)
```
#554ace
```
#554ace rgb(85,74,206)
```
#4e41d7
```
#4e41d7 rgb(78,65,215)
```
#4639df
```
#4639df rgb(70,57,223)
```
#3f30e8
```
#3f30e8 rgb(63,48,232)
```
#3727f1
```
#3727f1 rgb(55,39,241)
```
#301efa
```
#301efa rgb(48,30,250)
```

Tone Color Variation

Below, you can see how #301efa 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

#3c3c3c Achromatopsia 0.005% of the population
#3a3662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#1143c8 Protanomaly 1% of men, 0.01% of women
#1146b9 Deuteranomaly 6% of men, 0.4% of women
#114a9d Tritanomaly 0.01% of the population

#301efa hex color

#301efa Color Information

#301efa Color Conversion

Color Schemes with #301efa

Alternatives to #301efa

#301efa Preview

Shades and Tints of #301efa

Tones of #301efa

Color Blindness Simulator