#6354fd hex color

In a RGB color space, hex #6354fd is composed of 38.8% red, 32.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 66.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 245.3 degrees, a saturation of 97.7% and a lightness of 66.1%. #6354fd color hex could be obtained by blending #c6a8ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 39
- G 33
- B 99
RGB color chart
- C 61
- M 67
- Y 0
- K 1
CMYK color chart

● #6354fd color description : Soft blue.

The hexadecimal color #6354fd has RGB values of R:99, G:84, B:253 and CMYK values of C:0.61, M:0.67, Y:0, K:0.01. Its decimal value is 6509821.

Hex triplet	6354fd	`#6354fd`
RGB Decimal	99, 84, 253	`rgb(99,84,253)`
RGB Percent	38.8, 32.9, 99.2	`rgb(38.8%,32.9%,99.2%)`
CMYK	61, 67, 0, 1
HSL	245.3°, 97.7, 66.1	`hsl(245.3,97.7%,66.1%)`
HSV (or HSB)	245.3°, 66.8, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.085, 52.834, -82.113
XYZ	26.042, 16.084, 94.655
xyY	0.19, 0.118, 16.084
CIE-LCH	47.085, 97.642, 302.759
CIE-LUV	47.085, -5.435, -125.939
Hunter-Lab	40.105, 45.725, -111.862
Binary	01100011, 01010100, 11111101

#6354fd
```
#6354fd rgb(99,84,253)
```
#eefd54
```
#eefd54 rgb(238,253,84)
```

Complementary Color

#549afd
```
#549afd rgb(84,154,253)
```
#6354fd
```
#6354fd rgb(99,84,253)
```
#b854fd
```
#b854fd rgb(184,84,253)
```

Analogous Color

#9afd54
```
#9afd54 rgb(154,253,84)
```
#6354fd
```
#6354fd rgb(99,84,253)
```
#fdb854
```
#fdb854 rgb(253,184,84)
```

Split Complementary Color

#54fd63
```
#54fd63 rgb(84,253,99)
```
#6354fd
```
#6354fd rgb(99,84,253)
```
#fd6354
```
#fd6354 rgb(253,99,84)
```

Triadic Color

#54eefd
```
#54eefd rgb(84,238,253)
```
#6354fd
```
#6354fd rgb(99,84,253)
```
#fd6354
```
#fd6354 rgb(253,99,84)
```
#eefd54
```
#eefd54 rgb(238,253,84)
```

Tetradic Color

#1e08fc
```
#1e08fc rgb(30,8,252)
```
#3522fc
```
#3522fc rgb(53,34,252)
```
#4c3bfd
```
#4c3bfd rgb(76,59,253)
```
#6354fd
```
#6354fd rgb(99,84,253)
```
#7a6dfd
```
#7a6dfd rgb(122,109,253)
```
#9186fe
```
#9186fe rgb(145,134,254)
```
#a8a0fe
```
#a8a0fe rgb(168,160,254)
```

Monochromatic Color

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

#546ffd
```
#546ffd rgb(84,111,253)
```
#5461fd
```
#5461fd rgb(84,97,253)
```
#5554fd
```
#5554fd rgb(85,84,253)
```
#6354fd
```
#6354fd rgb(99,84,253)
```
#7154fd
```
#7154fd rgb(113,84,253)
```
#7f54fd
```
#7f54fd rgb(127,84,253)
```
#8d54fd
```
#8d54fd rgb(141,84,253)
```

Similar Colors

Text with hexadecimal color #6354fd

This text has a font color of #6354fd.

<span style="color:#6354fd;">Text here</span>

#6354fd background color

This paragraph has a background color of #6354fd.

<p style="background-color:#6354fd;">Content here</p>

#6354fd border color

This element has a border color of #6354fd.

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

CSS codes

.text {color:#6354fd;}

.background {background-color:#6354fd;}

.border {border:1px solid #6354fd;}

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

#000003
```
#000003 rgb(0,0,3)
```
#020017
```
#020017 rgb(2,0,23)
```
#04002a
```
#04002a rgb(4,0,42)
```
#06013e
```
#06013e rgb(6,1,62)
```
#080151
```
#080151 rgb(8,1,81)
```
#0a0164
```
#0a0164 rgb(10,1,100)
```
#0c0178
```
#0c0178 rgb(12,1,120)
```
#0e028b
```
#0e028b rgb(14,2,139)
```
#10029f
```
#10029f rgb(16,2,159)
```
#1202b2
```
#1202b2 rgb(18,2,178)
```
#1402c5
```
#1402c5 rgb(20,2,197)
```
#1603d9
```
#1603d9 rgb(22,3,217)
```
#1703ec
```
#1703ec rgb(23,3,236)
```

Shade Color Variation

#1c06fc
```
#1c06fc rgb(28,6,252)
```
#2e1afc
```
#2e1afc rgb(46,26,252)
```
#402dfd
```
#402dfd rgb(64,45,253)
```
#5141fd
```
#5141fd rgb(81,65,253)
```
#6354fd
```
#6354fd rgb(99,84,253)
```
#7567fd
```
#7567fd rgb(117,103,253)
```
#867bfd
```
#867bfd rgb(134,123,253)
```
#988efe
```
#988efe rgb(152,142,254)
```
#aaa2fe
```
#aaa2fe rgb(170,162,254)
```
#bbb5fe
```
#bbb5fe rgb(187,181,254)
```
#cdc8fe
```
#cdc8fe rgb(205,200,254)
```
#dfdcff
```
#dfdcff rgb(223,220,255)
```
#f1efff
```
#f1efff rgb(241,239,255)
```

Tint Color Variation

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

#a5a4ad
```
#a5a4ad rgb(165,164,173)
```
#9f9db4
```
#9f9db4 rgb(159,157,180)
```
#9a97ba
```
#9a97ba rgb(154,151,186)
```
#9490c1
```
#9490c1 rgb(148,144,193)
```
#8f89c8
```
#8f89c8 rgb(143,137,200)
```
#8983ce
```
#8983ce rgb(137,131,206)
```
#847cd5
```
#847cd5 rgb(132,124,213)
```
#7e75dc
```
#7e75dc rgb(126,117,220)
```
#796fe2
```
#796fe2 rgb(121,111,226)
```
#7368e9
```
#7368e9 rgb(115,104,233)
```
#6e61f0
```
#6e61f0 rgb(110,97,240)
```
#685bf6
```
#685bf6 rgb(104,91,246)
```
#6354fd
```
#6354fd rgb(99,84,253)
```

Tone Color Variation

Below, you can see how #6354fd 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

#6c6c6c Achromatopsia 0.005% of the population
#6a6789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#00828c Tritanopia 0.001% of the population

Trichromacy

#2468eb Protanomaly 1% of men, 0.01% of women
#246cd9 Deuteranomaly 6% of men, 0.4% of women
#2471b5 Tritanomaly 0.01% of the population

#6354fd hex color

#6354fd Color Information

#6354fd Color Conversion

Color Schemes with #6354fd

Alternatives to #6354fd

#6354fd Preview

Shades and Tints of #6354fd

Tones of #6354fd

Color Blindness Simulator