#301dfe hex color

In a RGB color space, hex #301dfe is composed of 18.8% red, 11.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 88.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 245.1 degrees, a saturation of 99.1% and a lightness of 55.5%. #301dfe color hex could be obtained by blending #603aff with #0000fd. Closest websafe color is: #3333ff.

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

● #301dfe color description : Vivid blue.

The hexadecimal color #301dfe has RGB values of R:48, G:29, B:254 and CMYK values of C:0.81, M:0.89, Y:0, K:0. Its decimal value is 3153406.

Hex triplet	301dfe	`#301dfe`
RGB Decimal	48, 29, 254	`rgb(48,29,254)`
RGB Percent	18.8, 11.4, 99.6	`rgb(18.8%,11.4%,99.6%)`
CMYK	81, 89, 0, 0
HSL	245.1°, 99.1, 55.5	`hsl(245.1,99.1%,55.5%)`
HSV (or HSB)	245.1°, 88.6, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.324, 73.893, -102.219
XYZ	19.544, 8.662, 94.402
xyY	0.159, 0.071, 8.662
CIE-LCH	35.324, 126.13, 305.863
CIE-LUV	35.324, -7.879, -132.332
Hunter-Lab	29.431, 67.035, -169.579
Binary	00110000, 00011101, 11111110

#301dfe
```
#301dfe rgb(48,29,254)
```
#ebfe1d
```
#ebfe1d rgb(235,254,29)
```

Complementary Color

#1d7bfe
```
#1d7bfe rgb(29,123,254)
```
#301dfe
```
#301dfe rgb(48,29,254)
```
#a11dfe
```
#a11dfe rgb(161,29,254)
```

Analogous Color

#7bfe1d
```
#7bfe1d rgb(123,254,29)
```
#301dfe
```
#301dfe rgb(48,29,254)
```
#fea11d
```
#fea11d rgb(254,161,29)
```

Split Complementary Color

#1dfe30
```
#1dfe30 rgb(29,254,48)
```
#301dfe
```
#301dfe rgb(48,29,254)
```
#fe301d
```
#fe301d rgb(254,48,29)
```

Triadic Color

#1debfe
```
#1debfe rgb(29,235,254)
```
#301dfe
```
#301dfe rgb(48,29,254)
```
#fe301d
```
#fe301d rgb(254,48,29)
```
#ebfe1d
```
#ebfe1d rgb(235,254,29)
```

Tetradic Color

#1201ce
```
#1201ce rgb(18,1,206)
```
#1401e7
```
#1401e7 rgb(20,1,231)
```
#1904fe
```
#1904fe rgb(25,4,254)
```
#301dfe
```
#301dfe rgb(48,29,254)
```
#4736fe
```
#4736fe rgb(71,54,254)
```
#5f50fe
```
#5f50fe rgb(95,80,254)
```
#7669fe
```
#7669fe rgb(118,105,254)
```

Monochromatic Color

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

#1d42fe
```
#1d42fe rgb(29,66,254)
```
#1d30fe
```
#1d30fe rgb(29,48,254)
```
#1d1dfe
```
#1d1dfe rgb(29,29,254)
```
#301dfe
```
#301dfe rgb(48,29,254)
```
#431dfe
```
#431dfe rgb(67,29,254)
```
#561dfe
```
#561dfe rgb(86,29,254)
```
#681dfe
```
#681dfe rgb(104,29,254)
```

Similar Colors

Text with hexadecimal color #301dfe

This text has a font color of #301dfe.

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

#301dfe background color

This paragraph has a background color of #301dfe.

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

#301dfe border color

This element has a border color of #301dfe.

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

CSS codes

.text {color:#301dfe;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#02001c
```
#02001c rgb(2,0,28)
```
#04002f
```
#04002f rgb(4,0,47)
```
#060043
```
#060043 rgb(6,0,67)
```
#080056
```
#080056 rgb(8,0,86)
```
#09006a
```
#09006a rgb(9,0,106)
```
#0b017e
```
#0b017e rgb(11,1,126)
```
#0d0191
```
#0d0191 rgb(13,1,145)
```
#0f01a5
```
#0f01a5 rgb(15,1,165)
```
#1001b8
```
#1001b8 rgb(16,1,184)
```
#1201cc
```
#1201cc rgb(18,1,204)
```
#1401df
```
#1401df rgb(20,1,223)
```
#1501f3
```
#1501f3 rgb(21,1,243)
```

Shade Color Variation

#1e09fe
```
#1e09fe rgb(30,9,254)
```
#301dfe
```
#301dfe rgb(48,29,254)
```
#4231fe
```
#4231fe rgb(66,49,254)
```
#5444fe
```
#5444fe rgb(84,68,254)
```
#6658fe
```
#6658fe rgb(102,88,254)
```
#786bfe
```
#786bfe rgb(120,107,254)
```
#897ffe
```
#897ffe rgb(137,127,254)
```
#9b92ff
```
#9b92ff rgb(155,146,255)
```
#ada6ff
```
#ada6ff rgb(173,166,255)
```
#bfb9ff
```
#bfb9ff rgb(191,185,255)
```
#d1cdff
```
#d1cdff rgb(209,205,255)
```
#e3e0ff
```
#e3e0ff rgb(227,224,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#878695
```
#878695 rgb(135,134,149)
```
#807d9e
```
#807d9e rgb(128,125,158)
```
#7974a7
```
#7974a7 rgb(121,116,167)
```
#716caf
```
#716caf rgb(113,108,175)
```
#6a63b8
```
#6a63b8 rgb(106,99,184)
```
#635ac1
```
#635ac1 rgb(99,90,193)
```
#5c51ca
```
#5c51ca rgb(92,81,202)
```
#5449d2
```
#5449d2 rgb(84,73,210)
```
#4d40db
```
#4d40db rgb(77,64,219)
```
#4637e4
```
#4637e4 rgb(70,55,228)
```
#3f2eed
```
#3f2eed rgb(63,46,237)
```
#3726f5
```
#3726f5 rgb(55,38,245)
```
#301dfe
```
#301dfe rgb(48,29,254)
```

Tone Color Variation

Below, you can see how #301dfe 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
#3a3663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1143ca Protanomaly 1% of men, 0.01% of women
#1146bb Deuteranomaly 6% of men, 0.4% of women
#114a9f Tritanomaly 0.01% of the population

#301dfe hex color

#301dfe Color Information

#301dfe Color Conversion

Color Schemes with #301dfe

Alternatives to #301dfe

#301dfe Preview

Shades and Tints of #301dfe

Tones of #301dfe

Color Blindness Simulator