colorhexa.com

#5f3fff hex color

In a RGB color space, hex #5f3fff is composed of 37.3% red, 24.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 75.3% magenta, 0% yellow and 0% black. It has a hue angle of 250 degrees, a saturation of 100% and a lightness of 62.4%. #5f3fff color hex could be obtained by blending #be7eff with #0000ff. Closest websafe color is: #6633ff.

- R 37
- G 25
- B 100
RGB color chart
- C 63
- M 75
- Y 0
- K 0
CMYK color chart

● #5f3fff color description : Light blue.

The hexadecimal color #5f3fff has RGB values of R:95, G:63, B:255 and CMYK values of C:0.63, M:0.75, Y:0, K:0. Its decimal value is 6242303.

Hex triplet	5f3fff	`#5f3fff`
RGB Decimal	95, 63, 255	`rgb(95,63,255)`
RGB Percent	37.3, 24.7, 100	`rgb(37.3%,24.7%,100%)`
CMYK	63, 75, 0, 0
HSL	250°, 100, 62.4	`hsl(250,100%,62.4%)`
HSV (or HSB)	250°, 75.3, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.073, 63.77, -89.834
XYZ	24.543, 13.207, 95.858
xyY	0.184, 0.099, 13.207
CIE-LCH	43.073, 110.167, 305.37
CIE-LUV	43.073, -3.038, -131.799
Hunter-Lab	36.341, 56.954, -130.951
Binary	01011111, 00111111, 11111111

#5f3fff
```
#5f3fff rgb(95,63,255)
```
#dfff3f
```
#dfff3f rgb(223,255,63)
```

Complementary Color

#3f7fff
```
#3f7fff rgb(63,127,255)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```
#bf3fff
```
#bf3fff rgb(191,63,255)
```

Analogous Color

#7fff3f
```
#7fff3f rgb(127,255,63)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```
#ffbf3f
```
#ffbf3f rgb(255,191,63)
```

Split Complementary Color

#3fff5f
```
#3fff5f rgb(63,255,95)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```
#ff5f3f
```
#ff5f3f rgb(255,95,63)
```

Triadic Color

#3fdfff
```
#3fdfff rgb(63,223,255)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```
#ff5f3f
```
#ff5f3f rgb(255,95,63)
```
#dfff3f
```
#dfff3f rgb(223,255,63)
```

Tetradic Color

#2800f2
```
#2800f2 rgb(40,0,242)
```
#340cff
```
#340cff rgb(52,12,255)
```
#4a26ff
```
#4a26ff rgb(74,38,255)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```
#7459ff
```
#7459ff rgb(116,89,255)
```
#8a72ff
```
#8a72ff rgb(138,114,255)
```
#9f8cff
```
#9f8cff rgb(159,140,255)
```

Monochromatic Color

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

#3f4fff
```
#3f4fff rgb(63,79,255)
```
#3f3fff
```
#3f3fff rgb(63,63,255)
```
#4f3fff
```
#4f3fff rgb(79,63,255)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```
#6f3fff
```
#6f3fff rgb(111,63,255)
```
#7f3fff
```
#7f3fff rgb(127,63,255)
```
#8f3fff
```
#8f3fff rgb(143,63,255)
```

Similar Colors

Text with hexadecimal color #5f3fff

This text has a font color of #5f3fff.

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

#5f3fff background color

This paragraph has a background color of #5f3fff.

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

#5f3fff border color

This element has a border color of #5f3fff.

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

CSS codes

.text {color:#5f3fff;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#040018
```
#040018 rgb(4,0,24)
```
#07002b
```
#07002b rgb(7,0,43)
```
#0b003f
```
#0b003f rgb(11,0,63)
```
#0e0053
```
#0e0053 rgb(14,0,83)
```
#110066
```
#110066 rgb(17,0,102)
```
#14007a
```
#14007a rgb(20,0,122)
```
#18008d
```
#18008d rgb(24,0,141)
```
#1b00a1
```
#1b00a1 rgb(27,0,161)
```
#1e00b5
```
#1e00b5 rgb(30,0,181)
```
#2100c8
```
#2100c8 rgb(33,0,200)
```
#2500dc
```
#2500dc rgb(37,0,220)
```
#2800f0
```
#2800f0 rgb(40,0,240)
```

Shade Color Variation

#2e04ff
```
#2e04ff rgb(46,4,255)
```
#3e18ff
```
#3e18ff rgb(62,24,255)
```
#4f2bff
```
#4f2bff rgb(79,43,255)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```
#6f53ff
```
#6f53ff rgb(111,83,255)
```
#8066ff
```
#8066ff rgb(128,102,255)
```
#907aff
```
#907aff rgb(144,122,255)
```
#a08dff
```
#a08dff rgb(160,141,255)
```
#b1a1ff
```
#b1a1ff rgb(177,161,255)
```
#c1b5ff
```
#c1b5ff rgb(193,181,255)
```
#d1c8ff
```
#d1c8ff rgb(209,200,255)
```
#e2dcff
```
#e2dcff rgb(226,220,255)
```
#f2f0ff
```
#f2f0ff rgb(242,240,255)
```

Tint Color Variation

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

#9a98a6
```
#9a98a6 rgb(154,152,166)
```
#9590ae
```
#9590ae rgb(149,144,174)
```
#9089b5
```
#9089b5 rgb(144,137,181)
```
#8b81bd
```
#8b81bd rgb(139,129,189)
```
#867ac4
```
#867ac4 rgb(134,122,196)
```
#8173cb
```
#8173cb rgb(129,115,203)
```
#7d6bd3
```
#7d6bd3 rgb(125,107,211)
```
#7864da
```
#7864da rgb(120,100,218)
```
#735de1
```
#735de1 rgb(115,93,225)
```
#6e55e9
```
#6e55e9 rgb(110,85,233)
```
#694ef0
```
#694ef0 rgb(105,78,240)
```
#6446f8
```
#6446f8 rgb(100,70,248)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5e587e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#225ae0 Protanomaly 1% of men, 0.01% of women
#225ecf Deuteranomaly 6% of men, 0.4% of women
#2263ae Tritanomaly 0.01% of the population