#301bf0 hex color

In a RGB color space, hex #301bf0 is composed of 18.8% red, 10.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 88.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 245.9 degrees, a saturation of 87.7% and a lightness of 52.4%. #301bf0 color hex could be obtained by blending #6036ff with #0000e1. Closest websafe color is: #3333ff.

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

● #301bf0 color description : Vivid blue.

The hexadecimal color #301bf0 has RGB values of R:48, G:27, B:240 and CMYK values of C:0.8, M:0.89, Y:0, K:0.06. Its decimal value is 3152880.

Hex triplet	301bf0	`#301bf0`
RGB Decimal	48, 27, 240	`rgb(48,27,240)`
RGB Percent	18.8, 10.6, 94.1	`rgb(18.8%,10.6%,94.1%)`
CMYK	80, 89, 0, 6
HSL	245.9°, 87.7, 52.4	`hsl(245.9,87.7%,52.4%)`
HSV (or HSB)	245.9°, 88.8, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.355, 70.819, -97.608
XYZ	17.336, 7.702, 83.006
xyY	0.16, 0.071, 7.702
CIE-LCH	33.355, 120.593, 305.962
CIE-LUV	33.355, -7.05, -124.368
Hunter-Lab	27.753, 62.932, -157.902
Binary	00110000, 00011011, 11110000

#301bf0
```
#301bf0 rgb(48,27,240)
```
#dbf01b
```
#dbf01b rgb(219,240,27)
```

Complementary Color

#1b71f0
```
#1b71f0 rgb(27,113,240)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#9b1bf0
```
#9b1bf0 rgb(155,27,240)
```

Analogous Color

#71f01b
```
#71f01b rgb(113,240,27)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#f09b1b
```
#f09b1b rgb(240,155,27)
```

Split Complementary Color

#1bf030
```
#1bf030 rgb(27,240,48)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#f0301b
```
#f0301b rgb(240,48,27)
```

Triadic Color

#1bdbf0
```
#1bdbf0 rgb(27,219,240)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#f0301b
```
#f0301b rgb(240,48,27)
```
#dbf01b
```
#dbf01b rgb(219,240,27)
```

Tetradic Color

#1c0cb3
```
#1c0cb3 rgb(28,12,179)
```
#200dcb
```
#200dcb rgb(32,13,203)
```
#240fe3
```
#240fe3 rgb(36,15,227)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#4633f2
```
#4633f2 rgb(70,51,242)
```
#5b4bf3
```
#5b4bf3 rgb(91,75,243)
```
#7163f5
```
#7163f5 rgb(113,99,245)
```

Monochromatic Color

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

#1b3bf0
```
#1b3bf0 rgb(27,59,240)
```
#1b2af0
```
#1b2af0 rgb(27,42,240)
```
#1e1bf0
```
#1e1bf0 rgb(30,27,240)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#421bf0
```
#421bf0 rgb(66,27,240)
```
#531bf0
```
#531bf0 rgb(83,27,240)
```
#651bf0
```
#651bf0 rgb(101,27,240)
```

Similar Colors

Text with hexadecimal color #301bf0

This text has a font color of #301bf0.

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

#301bf0 background color

This paragraph has a background color of #301bf0.

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

#301bf0 border color

This element has a border color of #301bf0.

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

CSS codes

.text {color:#301bf0;}

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

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

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, #02010b is the darkest color, while #f9f8ff is the lightest one.

#02010b
```
#02010b rgb(2,1,11)
```
#05021e
```
#05021e rgb(5,2,30)
```
#080330
```
#080330 rgb(8,3,48)
```
#0a0442
```
#0a0442 rgb(10,4,66)
```
#0d0655
```
#0d0655 rgb(13,6,85)
```
#100767
```
#100767 rgb(16,7,103)
```
#13087a
```
#13087a rgb(19,8,122)
```
#16098c
```
#16098c rgb(22,9,140)
```
#190a9e
```
#190a9e rgb(25,10,158)
```
#1c0cb1
```
#1c0cb1 rgb(28,12,177)
```
#1f0dc3
```
#1f0dc3 rgb(31,13,195)
```
#220ed6
```
#220ed6 rgb(34,14,214)
```
#250fe8
```
#250fe8 rgb(37,15,232)
```

Shade Color Variation

#301bf0
```
#301bf0 rgb(48,27,240)
```
#412df1
```
#412df1 rgb(65,45,241)
```
#5140f2
```
#5140f2 rgb(81,64,242)
```
#6252f4
```
#6252f4 rgb(98,82,244)
```
#7365f5
```
#7365f5 rgb(115,101,245)
```
#8477f6
```
#8477f6 rgb(132,119,246)
```
#9489f7
```
#9489f7 rgb(148,137,247)
```
#a59cf8
```
#a59cf8 rgb(165,156,248)
```
#b6aefa
```
#b6aefa rgb(182,174,250)
```
#c6c1fb
```
#c6c1fb rgb(198,193,251)
```
#d7d3fc
```
#d7d3fc rgb(215,211,252)
```
#e8e5fd
```
#e8e5fd rgb(232,229,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#838289
```
#838289 rgb(131,130,137)
```
#7b7893
```
#7b7893 rgb(123,120,147)
```
#746f9c
```
#746f9c rgb(116,111,156)
```
#6c66a5
```
#6c66a5 rgb(108,102,165)
```
#655caf
```
#655caf rgb(101,92,175)
```
#5d53b8
```
#5d53b8 rgb(93,83,184)
```
#564ac1
```
#564ac1 rgb(86,74,193)
```
#4e40cb
```
#4e40cb rgb(78,64,203)
```
#4737d4
```
#4737d4 rgb(71,55,212)
```
#3f2edd
```
#3f2edd rgb(63,46,221)
```
#3824e7
```
#3824e7 rgb(56,36,231)
```
#301bf0
```
#301bf0 rgb(48,27,240)
```
#2812f9
```
#2812f9 rgb(40,18,249)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#38345e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#1140c0 Protanomaly 1% of men, 0.01% of women
#1143b1 Deuteranomaly 6% of men, 0.4% of women
#114797 Tritanomaly 0.01% of the population

#301bf0 hex color

#301bf0 Color Information

#301bf0 Color Conversion

Color Schemes with #301bf0

Alternatives to #301bf0

#301bf0 Preview

Shades and Tints of #301bf0

Tones of #301bf0

Color Blindness Simulator