colorhexa.com

#501bf3 hex color

In a RGB color space, hex #501bf3 is composed of 31.4% red, 10.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 88.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 254.7 degrees, a saturation of 90% and a lightness of 52.9%. #501bf3 color hex could be obtained by blending #a036ff with #0000e7. Closest websafe color is: #6633ff.

- R 31
- G 11
- B 95
RGB color chart
- C 67
- M 89
- Y 0
- K 5
CMYK color chart

● #501bf3 color description : Vivid blue.

The hexadecimal color #501bf3 has RGB values of R:80, G:27, B:243 and CMYK values of C:0.67, M:0.89, Y:0, K:0.05. Its decimal value is 5250035.

Hex triplet	501bf3	`#501bf3`
RGB Decimal	80, 27, 243	`rgb(80,27,243)`
RGB Percent	31.4, 10.6, 95.3	`rgb(31.4%,10.6%,95.3%)`
CMYK	67, 89, 0, 5
HSL	254.7°, 90, 52.9	`hsl(254.7,90%,52.9%)`
HSV (or HSB)	254.7°, 88.9, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	35.906, 73.04, -95.001
XYZ	19.875, 8.96, 85.471
xyY	0.174, 0.078, 8.96
CIE-LCH	35.906, 119.833, 307.554
CIE-LUV	35.906, -1.989, -126.96
Hunter-Lab	29.932, 66.14, -148.348
Binary	01010000, 00011011, 11110011

#501bf3
```
#501bf3 rgb(80,27,243)
```
#bef31b
```
#bef31b rgb(190,243,27)
```

Complementary Color

#1b52f3
```
#1b52f3 rgb(27,82,243)
```
#501bf3
```
#501bf3 rgb(80,27,243)
```
#bc1bf3
```
#bc1bf3 rgb(188,27,243)
```

Analogous Color

#52f31b
```
#52f31b rgb(82,243,27)
```
#501bf3
```
#501bf3 rgb(80,27,243)
```
#f3bc1b
```
#f3bc1b rgb(243,188,27)
```

Split Complementary Color

#1bf350
```
#1bf350 rgb(27,243,80)
```
#501bf3
```
#501bf3 rgb(80,27,243)
```
#f3501b
```
#f3501b rgb(243,80,27)
```

Triadic Color

#1bbef3
```
#1bbef3 rgb(27,190,243)
```
#501bf3
```
#501bf3 rgb(80,27,243)
```
#f3501b
```
#f3501b rgb(243,80,27)
```
#bef31b
```
#bef31b rgb(190,243,27)
```

Tetradic Color

#340ab8
```
#340ab8 rgb(52,10,184)
```
#3b0bd0
```
#3b0bd0 rgb(59,11,208)
```
#420ce8
```
#420ce8 rgb(66,12,232)
```
#501bf3
```
#501bf3 rgb(80,27,243)
```
#6333f4
```
#6333f4 rgb(99,51,244)
```
#754bf6
```
#754bf6 rgb(117,75,246)
```
#8864f7
```
#8864f7 rgb(136,100,247)
```

Monochromatic Color

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

#1b1cf3
```
#1b1cf3 rgb(27,28,243)
```
#2c1bf3
```
#2c1bf3 rgb(44,27,243)
```
#3e1bf3
```
#3e1bf3 rgb(62,27,243)
```
#501bf3
```
#501bf3 rgb(80,27,243)
```
#621bf3
```
#621bf3 rgb(98,27,243)
```
#741bf3
```
#741bf3 rgb(116,27,243)
```
#861bf3
```
#861bf3 rgb(134,27,243)
```

Similar Colors

Text with hexadecimal color #501bf3

This text has a font color of #501bf3.

<span style="color:#501bf3;">Text here</span>

#501bf3 background color

This paragraph has a background color of #501bf3.

<p style="background-color:#501bf3;">Content here</p>

#501bf3 border color

This element has a border color of #501bf3.

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

CSS codes

.text {color:#501bf3;}

.background {background-color:#501bf3;}

.border {border:1px solid #501bf3;}

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, #04010e is the darkest color, while #fcfbff is the lightest one.

#04010e
```
#04010e rgb(4,1,14)
```
#090221
```
#090221 rgb(9,2,33)
```
#0f0334
```
#0f0334 rgb(15,3,52)
```
#140446
```
#140446 rgb(20,4,70)
```
#190559
```
#190559 rgb(25,5,89)
```
#1f066b
```
#1f066b rgb(31,6,107)
```
#24077e
```
#24077e rgb(36,7,126)
```
#290891
```
#290891 rgb(41,8,145)
```
#2f09a3
```
#2f09a3 rgb(47,9,163)
```
#340ab6
```
#340ab6 rgb(52,10,182)
```
#390bc9
```
#390bc9 rgb(57,11,201)
```
#3e0cdb
```
#3e0cdb rgb(62,12,219)
```
#440dee
```
#440dee rgb(68,13,238)
```

Shade Color Variation

#501bf3
```
#501bf3 rgb(80,27,243)
```
#5e2ef4
```
#5e2ef4 rgb(94,46,244)
```
#6d40f5
```
#6d40f5 rgb(109,64,245)
```
#7b53f6
```
#7b53f6 rgb(123,83,246)
```
#8966f7
```
#8966f7 rgb(137,102,247)
```
#9878f8
```
#9878f8 rgb(152,120,248)
```
#a68bf9
```
#a68bf9 rgb(166,139,249)
```
#b49dfa
```
#b49dfa rgb(180,157,250)
```
#c2b0fb
```
#c2b0fb rgb(194,176,251)
```
#d1c3fc
```
#d1c3fc rgb(209,195,252)
```
#dfd5fd
```
#dfd5fd rgb(223,213,253)
```
#ede8fe
```
#ede8fe rgb(237,232,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84818d is the less saturated color, while #4b12fc is the most saturated one.

#84818d
```
#84818d rgb(132,129,141)
```
#7f7797
```
#7f7797 rgb(127,119,151)
```
#7a6ea0
```
#7a6ea0 rgb(122,110,160)
```
#7665a9
```
#7665a9 rgb(118,101,169)
```
#715cb2
```
#715cb2 rgb(113,92,178)
```
#6c52bc
```
#6c52bc rgb(108,82,188)
```
#6849c5
```
#6849c5 rgb(104,73,197)
```
#6340ce
```
#6340ce rgb(99,64,206)
```
#5e37d7
```
#5e37d7 rgb(94,55,215)
```
#592de1
```
#592de1 rgb(89,45,225)
```
#5524ea
```
#5524ea rgb(85,36,234)
```
#501bf3
```
#501bf3 rgb(80,27,243)
```
#4b12fc
```
#4b12fc rgb(75,18,252)
```

Tone Color Variation

Below, you can see how #501bf3 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

#434343 Achromatopsia 0.005% of the population
#463b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1d43c8 Protanomaly 1% of men, 0.01% of women
#1d46b9 Deuteranomaly 6% of men, 0.4% of women
#1d4b9d Tritanomaly 0.01% of the population