colorhexa.com

#5a00f8 hex color

In a RGB color space, hex #5a00f8 is composed of 35.3% red, 0% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 100% magenta, 0% yellow and 2.7% black. It has a hue angle of 261.8 degrees, a saturation of 100% and a lightness of 48.6%. #5a00f8 color hex could be obtained by blending #b400ff with #0000f1. Closest websafe color is: #6600ff.

- R 35
- G 0
- B 97
RGB color chart
- C 64
- M 100
- Y 0
- K 3
CMYK color chart

● #5a00f8 color description : Pure (or mostly pure) violet.

The hexadecimal color #5a00f8 has RGB values of R:90, G:0, B:248 and CMYK values of C:0.64, M:1, Y:0, K:0.03. Its decimal value is 5898488.

Hex triplet	5a00f8	`#5a00f8`
RGB Decimal	90, 0, 248	`rgb(90,0,248)`
RGB Percent	35.3, 0, 97.3	`rgb(35.3%,0%,97.3%)`
CMYK	64, 100, 0, 3
HSL	261.8°, 100, 48.6	`hsl(261.8,100%,48.6%)`
HSV (or HSB)	261.8°, 100, 97.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.888, 79.365, -97.827
XYZ	21.157, 8.95, 89.414
xyY	0.177, 0.075, 8.95
CIE-LCH	35.888, 125.971, 309.052
CIE-LUV	35.888, 0.893, -129.793
Hunter-Lab	29.917, 73.877, -156.262
Binary	01011010, 00000000, 11111000

#5a00f8
```
#5a00f8 rgb(90,0,248)
```
#9ef800
```
#9ef800 rgb(158,248,0)
```

Complementary Color

#0022f8
```
#0022f8 rgb(0,34,248)
```
#5a00f8
```
#5a00f8 rgb(90,0,248)
```
#d600f8
```
#d600f8 rgb(214,0,248)
```

Analogous Color

#22f800
```
#22f800 rgb(34,248,0)
```
#5a00f8
```
#5a00f8 rgb(90,0,248)
```
#f8d600
```
#f8d600 rgb(248,214,0)
```

Split Complementary Color

#3e00ac
```
#3e00ac rgb(62,0,172)
```
#4700c5
```
#4700c5 rgb(71,0,197)
```
#5100df
```
#5100df rgb(81,0,223)
```
#5a00f8
```
#5a00f8 rgb(90,0,248)
```
#6813ff
```
#6813ff rgb(104,19,255)
```
#792cff
```
#792cff rgb(121,44,255)
```
#8946ff
```
#8946ff rgb(137,70,255)
```

Monochromatic Color

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

#1c00f8
```
#1c00f8 rgb(28,0,248)
```
#3100f8
```
#3100f8 rgb(49,0,248)
```
#4500f8
```
#4500f8 rgb(69,0,248)
```
#5a00f8
```
#5a00f8 rgb(90,0,248)
```
#6f00f8
```
#6f00f8 rgb(111,0,248)
```
#8300f8
```
#8300f8 rgb(131,0,248)
```
#9800f8
```
#9800f8 rgb(152,0,248)
```

Similar Colors

Text with hexadecimal color #5a00f8

This text has a font color of #5a00f8.

<span style="color:#5a00f8;">Text here</span>

#5a00f8 background color

This paragraph has a background color of #5a00f8.

<p style="background-color:#5a00f8;">Content here</p>

#5a00f8 border color

This element has a border color of #5a00f8.

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

CSS codes

.text {color:#5a00f8;}

.background {background-color:#5a00f8;}

.border {border:1px solid #5a00f8;}

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, #05000d is the darkest color, while #fbf8ff is the lightest one.

#05000d
```
#05000d rgb(5,0,13)
```
#0c0020
```
#0c0020 rgb(12,0,32)
```
#130034
```
#130034 rgb(19,0,52)
```
#1a0047
```
#1a0047 rgb(26,0,71)
```
#21005b
```
#21005b rgb(33,0,91)
```
#28006f
```
#28006f rgb(40,0,111)
```
#2f0082
```
#2f0082 rgb(47,0,130)
```
#360096
```
#360096 rgb(54,0,150)
```
#3e00aa
```
#3e00aa rgb(62,0,170)
```
#4500bd
```
#4500bd rgb(69,0,189)
```
#4c00d1
```
#4c00d1 rgb(76,0,209)
```
#5300e4
```
#5300e4 rgb(83,0,228)
```
#5a00f8
```
#5a00f8 rgb(90,0,248)
```

Shade Color Variation

#650dff
```
#650dff rgb(101,13,255)
```
#7120ff
```
#7120ff rgb(113,32,255)
```
#7e34ff
```
#7e34ff rgb(126,52,255)
```
#8a47ff
```
#8a47ff rgb(138,71,255)
```
#975bff
```
#975bff rgb(151,91,255)
```
#a36fff
```
#a36fff rgb(163,111,255)
```
#b082ff
```
#b082ff rgb(176,130,255)
```
#bc96ff
```
#bc96ff rgb(188,150,255)
```
#c9aaff
```
#c9aaff rgb(201,170,255)
```
#d5bdff
```
#d5bdff rgb(213,189,255)
```
#e2d1ff
```
#e2d1ff rgb(226,209,255)
```
#eee4ff
```
#eee4ff rgb(238,228,255)
```
#fbf8ff
```
#fbf8ff rgb(251,248,255)
```

Tint Color Variation

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

#797286
```
#797286 rgb(121,114,134)
```
#77698f
```
#77698f rgb(119,105,143)
```
#745f99
```
#745f99 rgb(116,95,153)
```
#7256a2
```
#7256a2 rgb(114,86,162)
```
#6f4cac
```
#6f4cac rgb(111,76,172)
```
#6c43b5
```
#6c43b5 rgb(108,67,181)
```
#6a39bf
```
#6a39bf rgb(106,57,191)
```
#6730c8
```
#6730c8 rgb(103,48,200)
```
#6426d2
```
#6426d2 rgb(100,38,210)
```
#621ddb
```
#621ddb rgb(98,29,219)
```
#5f13e5
```
#5f13e5 rgb(95,19,229)
```
#5d0aee
```
#5d0aee rgb(93,10,238)
```
#5a00f8
```
#5a00f8 rgb(90,0,248)
```

Tone Color Variation

Below, you can see how #5a00f8 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

#373737 Achromatopsia 0.005% of the population
#3e2c5e 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

#2039ca Protanomaly 1% of men, 0.01% of women
#203dba Deuteranomaly 6% of men, 0.4% of women
#20419f Tritanomaly 0.01% of the population