#5946f9 hex color

In a RGB color space, hex #5946f9 is composed of 34.9% red, 27.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 71.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 246.4 degrees, a saturation of 93.7% and a lightness of 62.5%. #5946f9 color hex could be obtained by blending #b28cff with #0000f3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 27
- B 98
RGB color chart
- C 64
- M 72
- Y 0
- K 2
CMYK color chart

● #5946f9 color description : Bright blue.

The hexadecimal color #5946f9 has RGB values of R:89, G:70, B:249 and CMYK values of C:0.64, M:0.72, Y:0, K:0.02. Its decimal value is 5850873.

Hex triplet	5946f9	`#5946f9`
RGB Decimal	89, 70, 249	`rgb(89,70,249)`
RGB Percent	34.9, 27.5, 97.6	`rgb(34.9%,27.5%,97.6%)`
CMYK	64, 72, 0, 2
HSL	246.4°, 93.7, 62.5	`hsl(246.4,93.7%,62.5%)`
HSV (or HSB)	246.4°, 71.9, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.275, 57.903, -86.163
XYZ	23.406, 13.343, 90.959
xyY	0.183, 0.104, 13.343
CIE-LCH	43.275, 103.811, 303.901
CIE-LUV	43.275, -5.202, -127.389
Hunter-Lab	36.528, 50.453, -122.072
Binary	01011001, 01000110, 11111001

#5946f9
```
#5946f9 rgb(89,70,249)
```
#e6f946
```
#e6f946 rgb(230,249,70)
```

Complementary Color

#468df9
```
#468df9 rgb(70,141,249)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```
#b346f9
```
#b346f9 rgb(179,70,249)
```

Analogous Color

#8df946
```
#8df946 rgb(141,249,70)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```
#f9b346
```
#f9b346 rgb(249,179,70)
```

Split Complementary Color

#46f959
```
#46f959 rgb(70,249,89)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```
#f95946
```
#f95946 rgb(249,89,70)
```

Triadic Color

#46e6f9
```
#46e6f9 rgb(70,230,249)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```
#f95946
```
#f95946 rgb(249,89,70)
```
#e6f946
```
#e6f946 rgb(230,249,70)
```

Tetradic Color

#2008eb
```
#2008eb rgb(32,8,235)
```
#2d15f7
```
#2d15f7 rgb(45,21,247)
```
#432df8
```
#432df8 rgb(67,45,248)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```
#6f5ffa
```
#6f5ffa rgb(111,95,250)
```
#8577fb
```
#8577fb rgb(133,119,251)
```
#9b90fb
```
#9b90fb rgb(155,144,251)
```

Monochromatic Color

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

#4660f9
```
#4660f9 rgb(70,96,249)
```
#4651f9
```
#4651f9 rgb(70,81,249)
```
#4a46f9
```
#4a46f9 rgb(74,70,249)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```
#6846f9
```
#6846f9 rgb(104,70,249)
```
#7746f9
```
#7746f9 rgb(119,70,249)
```
#8646f9
```
#8646f9 rgb(134,70,249)
```

Similar Colors

Text with hexadecimal color #5946f9

This text has a font color of #5946f9.

<span style="color:#5946f9;">Text here</span>

#5946f9 background color

This paragraph has a background color of #5946f9.

<p style="background-color:#5946f9;">Content here</p>

#5946f9 border color

This element has a border color of #5946f9.

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

CSS codes

.text {color:#5946f9;}

.background {background-color:#5946f9;}

.border {border:1px solid #5946f9;}

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

#010005
```
#010005 rgb(1,0,5)
```
#030118
```
#030118 rgb(3,1,24)
```
#06012b
```
#06012b rgb(6,1,43)
```
#08023e
```
#08023e rgb(8,2,62)
```
#0b0351
```
#0b0351 rgb(11,3,81)
```
#0e0364
```
#0e0364 rgb(14,3,100)
```
#100477
```
#100477 rgb(16,4,119)
```
#13048a
```
#13048a rgb(19,4,138)
```
#15059d
```
#15059d rgb(21,5,157)
```
#1806b0
```
#1806b0 rgb(24,6,176)
```
#1a06c3
```
#1a06c3 rgb(26,6,195)
```
#1d07d6
```
#1d07d6 rgb(29,7,214)
```
#1f08e9
```
#1f08e9 rgb(31,8,233)
```

Shade Color Variation

#260df7
```
#260df7 rgb(38,13,247)
```
#3720f8
```
#3720f8 rgb(55,32,248)
```
#4833f8
```
#4833f8 rgb(72,51,248)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```
#6a59fa
```
#6a59fa rgb(106,89,250)
```
#7b6cfa
```
#7b6cfa rgb(123,108,250)
```
#8c7ffb
```
#8c7ffb rgb(140,127,251)
```
#9d92fb
```
#9d92fb rgb(157,146,251)
```
#aea5fc
```
#aea5fc rgb(174,165,252)
```
#bfb8fd
```
#bfb8fd rgb(191,184,253)
```
#d0cbfd
```
#d0cbfd rgb(208,203,253)
```
#e1defe
```
#e1defe rgb(225,222,254)
```
#f2f1ff
```
#f2f1ff rgb(242,241,255)
```

Tint Color Variation

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

#9e9ea1
```
#9e9ea1 rgb(158,158,161)
```
#9997a8
```
#9997a8 rgb(153,151,168)
```
#938fb0
```
#938fb0 rgb(147,143,176)
```
#8d88b7
```
#8d88b7 rgb(141,136,183)
```
#8781be
```
#8781be rgb(135,129,190)
```
#8279c6
```
#8279c6 rgb(130,121,198)
```
#7c72cd
```
#7c72cd rgb(124,114,205)
```
#766bd4
```
#766bd4 rgb(118,107,212)
```
#7063dc
```
#7063dc rgb(112,99,220)
```
#6a5ce3
```
#6a5ce3 rgb(106,92,227)
```
#6555ea
```
#6555ea rgb(101,85,234)
```
#5f4df2
```
#5f4df2 rgb(95,77,242)
```
#5946f9
```
#5946f9 rgb(89,70,249)
```

Tone Color Variation

Below, you can see how #5946f9 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

#606060 Achromatopsia 0.005% of the population
#5f5b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd0 Protanopia 1% of men
#0071b5 Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#205ddf Protanomaly 1% of men, 0.01% of women
#2061cd Deuteranomaly 6% of men, 0.4% of women
#2066ac Tritanomaly 0.01% of the population

#5946f9 hex color

#5946f9 Color Information

#5946f9 Color Conversion

Color Schemes with #5946f9

Alternatives to #5946f9

#5946f9 Preview

Shades and Tints of #5946f9

Tones of #5946f9

Color Blindness Simulator