#301cff hex color

In a RGB color space, hex #301cff is composed of 18.8% red, 11% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 89% magenta, 0% yellow and 0% black. It has a hue angle of 245.3 degrees, a saturation of 100% and a lightness of 55.5%. #301cff color hex could be obtained by blending #6038ff with #0000ff. 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

● #301cff color description : Vivid blue.

The hexadecimal color #301cff has RGB values of R:48, G:28, B:255 and CMYK values of C:0.81, M:0.89, Y:0, K:0. Its decimal value is 3153151.

Hex triplet	301cff	`#301cff`
RGB Decimal	48, 28, 255	`rgb(48,28,255)`
RGB Percent	18.8, 11, 100	`rgb(18.8%,11%,100%)`
CMYK	81, 89, 0, 0
HSL	245.3°, 100, 55.5	`hsl(245.3,100%,55.5%)`
HSV (or HSB)	245.3°, 89, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.356, 74.442, -102.727
XYZ	19.681, 8.678, 95.24
xyY	0.159, 0.07, 8.678
CIE-LCH	35.356, 126.863, 305.929
CIE-LUV	35.356, -7.861, -132.847
Hunter-Lab	29.458, 67.704, -171.071
Binary	00110000, 00011100, 11111111

#301cff
```
#301cff rgb(48,28,255)
```
#ebff1c
```
#ebff1c rgb(235,255,28)
```

Complementary Color

#1c7aff
```
#1c7aff rgb(28,122,255)
```
#301cff
```
#301cff rgb(48,28,255)
```
#a21cff
```
#a21cff rgb(162,28,255)
```

Analogous Color

#7aff1c
```
#7aff1c rgb(122,255,28)
```
#301cff
```
#301cff rgb(48,28,255)
```
#ffa21c
```
#ffa21c rgb(255,162,28)
```

Split Complementary Color

#1cff30
```
#1cff30 rgb(28,255,48)
```
#301cff
```
#301cff rgb(48,28,255)
```
#ff301c
```
#ff301c rgb(255,48,28)
```

Triadic Color

#1cebff
```
#1cebff rgb(28,235,255)
```
#301cff
```
#301cff rgb(48,28,255)
```
#ff301c
```
#ff301c rgb(255,48,28)
```
#ebff1c
```
#ebff1c rgb(235,255,28)
```

Tetradic Color

#1200cf
```
#1200cf rgb(18,0,207)
```
#1400e8
```
#1400e8 rgb(20,0,232)
```
#1902ff
```
#1902ff rgb(25,2,255)
```
#301cff
```
#301cff rgb(48,28,255)
```
#4736ff
```
#4736ff rgb(71,54,255)
```
#5f4fff
```
#5f4fff rgb(95,79,255)
```
#7669ff
```
#7669ff rgb(118,105,255)
```

Monochromatic Color

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

#1c41ff
```
#1c41ff rgb(28,65,255)
```
#1c2eff
```
#1c2eff rgb(28,46,255)
```
#1d1cff
```
#1d1cff rgb(29,28,255)
```
#301cff
```
#301cff rgb(48,28,255)
```
#431cff
```
#431cff rgb(67,28,255)
```
#561cff
```
#561cff rgb(86,28,255)
```
#691cff
```
#691cff rgb(105,28,255)
```

Similar Colors

Text with hexadecimal color #301cff

This text has a font color of #301cff.

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

#301cff background color

This paragraph has a background color of #301cff.

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

#301cff border color

This element has a border color of #301cff.

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

CSS codes

.text {color:#301cff;}

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

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

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)
```
#040030
```
#040030 rgb(4,0,48)
```
#060043
```
#060043 rgb(6,0,67)
```
#080057
```
#080057 rgb(8,0,87)
```
#09006a
```
#09006a rgb(9,0,106)
```
#0b007e
```
#0b007e rgb(11,0,126)
```
#0d0092
```
#0d0092 rgb(13,0,146)
```
#0f00a5
```
#0f00a5 rgb(15,0,165)
```
#1000b9
```
#1000b9 rgb(16,0,185)
```
#1200cd
```
#1200cd rgb(18,0,205)
```
#1400e0
```
#1400e0 rgb(20,0,224)
```
#1500f4
```
#1500f4 rgb(21,0,244)
```

Shade Color Variation

#1e08ff
```
#1e08ff rgb(30,8,255)
```
#301cff
```
#301cff rgb(48,28,255)
```
#4230ff
```
#4230ff rgb(66,48,255)
```
#5443ff
```
#5443ff rgb(84,67,255)
```
#6657ff
```
#6657ff rgb(102,87,255)
```
#786aff
```
#786aff rgb(120,106,255)
```
#897eff
```
#897eff rgb(137,126,255)
```
#9b92ff
```
#9b92ff rgb(155,146,255)
```
#ada5ff
```
#ada5ff rgb(173,165,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, #868596 is the less saturated color, while #301cff is the most saturated one.

#868596
```
#868596 rgb(134,133,150)
```
#7f7c9f
```
#7f7c9f rgb(127,124,159)
```
#7873a8
```
#7873a8 rgb(120,115,168)
```
#716bb0
```
#716bb0 rgb(113,107,176)
```
#6a62b9
```
#6a62b9 rgb(106,98,185)
```
#6259c2
```
#6259c2 rgb(98,89,194)
```
#5b50cb
```
#5b50cb rgb(91,80,203)
```
#5448d3
```
#5448d3 rgb(84,72,211)
```
#4d3fdc
```
#4d3fdc rgb(77,63,220)
```
#4636e5
```
#4636e5 rgb(70,54,229)
```
#3e2dee
```
#3e2dee rgb(62,45,238)
```
#3725f6
```
#3725f6 rgb(55,37,246)
```
#301cff
```
#301cff rgb(48,28,255)
```

Tone Color Variation

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

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

#301cff hex color

#301cff Color Information

#301cff Color Conversion

Color Schemes with #301cff

Alternatives to #301cff

#301cff Preview

Shades and Tints of #301cff

Tones of #301cff

Color Blindness Simulator