#6345f5 hex color

In a RGB color space, hex #6345f5 is composed of 38.8% red, 27.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 71.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 250.2 degrees, a saturation of 89.8% and a lightness of 61.6%. #6345f5 color hex could be obtained by blending #c68aff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 39
- G 27
- B 96
RGB color chart
- C 60
- M 72
- Y 0
- K 4
CMYK color chart

● #6345f5 color description : Bright blue.

The hexadecimal color #6345f5 has RGB values of R:99, G:69, B:245 and CMYK values of C:0.6, M:0.72, Y:0, K:0.04. Its decimal value is 6505973.

Hex triplet	6345f5	`#6345f5`
RGB Decimal	99, 69, 245	`rgb(99,69,245)`
RGB Percent	38.8, 27.1, 96.1	`rgb(38.8%,27.1%,96.1%)`
CMYK	60, 72, 0, 4
HSL	250.2°, 89.8, 61.6	`hsl(250.2,89.8%,61.6%)`
HSV (or HSB)	250.2°, 71.8, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.508, 58.437, -83.509
XYZ	23.752, 13.501, 87.735
xyY	0.19, 0.108, 13.501
CIE-LCH	43.508, 101.925, 304.983
CIE-LUV	43.508, -2.112, -124.487
Hunter-Lab	36.743, 51.088, -115.853
Binary	01100011, 01000101, 11110101

#6345f5
```
#6345f5 rgb(99,69,245)
```
#d7f545
```
#d7f545 rgb(215,245,69)
```

Complementary Color

#457ff5
```
#457ff5 rgb(69,127,245)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#bb45f5
```
#bb45f5 rgb(187,69,245)
```

Analogous Color

#7ff545
```
#7ff545 rgb(127,245,69)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#f5bb45
```
#f5bb45 rgb(245,187,69)
```

Split Complementary Color

#45f563
```
#45f563 rgb(69,245,99)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#f56345
```
#f56345 rgb(245,99,69)
```

Triadic Color

#45d7f5
```
#45d7f5 rgb(69,215,245)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#f56345
```
#f56345 rgb(245,99,69)
```
#d7f545
```
#d7f545 rgb(215,245,69)
```

Tetradic Color

#300ce1
```
#300ce1 rgb(48,12,225)
```
#3a15f2
```
#3a15f2 rgb(58,21,242)
```
#4f2df4
```
#4f2df4 rgb(79,45,244)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#775df6
```
#775df6 rgb(119,93,246)
```
#8c75f8
```
#8c75f8 rgb(140,117,248)
```
#a08ef9
```
#a08ef9 rgb(160,142,249)
```

Monochromatic Color

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

#4553f5
```
#4553f5 rgb(69,83,245)
```
#4645f5
```
#4645f5 rgb(70,69,245)
```
#5445f5
```
#5445f5 rgb(84,69,245)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#7245f5
```
#7245f5 rgb(114,69,245)
```
#8045f5
```
#8045f5 rgb(128,69,245)
```
#8f45f5
```
#8f45f5 rgb(143,69,245)
```

Similar Colors

Text with hexadecimal color #6345f5

This text has a font color of #6345f5.

<span style="color:#6345f5;">Text here</span>

#6345f5 background color

This paragraph has a background color of #6345f5.

<p style="background-color:#6345f5;">Content here</p>

#6345f5 border color

This element has a border color of #6345f5.

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

CSS codes

.text {color:#6345f5;}

.background {background-color:#6345f5;}

.border {border:1px solid #6345f5;}

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

#000000
```
#000000 rgb(0,0,0)
```
#040113
```
#040113 rgb(4,1,19)
```
#080225
```
#080225 rgb(8,2,37)
```
#0c0338
```
#0c0338 rgb(12,3,56)
```
#10044b
```
#10044b rgb(16,4,75)
```
#14055d
```
#14055d rgb(20,5,93)
```
#180670
```
#180670 rgb(24,6,112)
```
#1c0782
```
#1c0782 rgb(28,7,130)
```
#200895
```
#200895 rgb(32,8,149)
```
#2409a8
```
#2409a8 rgb(36,9,168)
```
#280aba
```
#280aba rgb(40,10,186)
```
#2c0bcd
```
#2c0bcd rgb(44,11,205)
```
#300ce0
```
#300ce0 rgb(48,12,224)
```

Shade Color Variation

#340df2
```
#340df2 rgb(52,13,242)
```
#4420f3
```
#4420f3 rgb(68,32,243)
```
#5332f4
```
#5332f4 rgb(83,50,244)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#7358f6
```
#7358f6 rgb(115,88,246)
```
#826af7
```
#826af7 rgb(130,106,247)
```
#927df8
```
#927df8 rgb(146,125,248)
```
#a18ff9
```
#a18ff9 rgb(161,143,249)
```
#b1a2fa
```
#b1a2fa rgb(177,162,250)
```
#c1b5fb
```
#c1b5fb rgb(193,181,251)
```
#d0c7fc
```
#d0c7fc rgb(208,199,252)
```
#e0dafd
```
#e0dafd rgb(224,218,253)
```
#f0edfe
```
#f0edfe rgb(240,237,254)
```

Tint Color Variation

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

#9a98a2
```
#9a98a2 rgb(154,152,162)
```
#9590aa
```
#9590aa rgb(149,144,170)
```
#9089b1
```
#9089b1 rgb(144,137,177)
```
#8b81b9
```
#8b81b9 rgb(139,129,185)
```
#867ac0
```
#867ac0 rgb(134,122,192)
```
#8172c8
```
#8172c8 rgb(129,114,200)
```
#7c6bcf
```
#7c6bcf rgb(124,107,207)
```
#7763d7
```
#7763d7 rgb(119,99,215)
```
#725cde
```
#725cde rgb(114,92,222)
```
#6d54e6
```
#6d54e6 rgb(109,84,230)
```
#684ded
```
#684ded rgb(104,77,237)
```
#6345f5
```
#6345f5 rgb(99,69,245)
```
#5e3dfd
```
#5e3dfd rgb(94,61,253)
```

Tone Color Variation

Below, you can see how #6345f5 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

#626262 Achromatopsia 0.005% of the population
#625c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#007982 Tritanopia 0.001% of the population

Trichromacy

#245dde Protanomaly 1% of men, 0.01% of women
#2461cd Deuteranomaly 6% of men, 0.4% of women
#2466ac Tritanomaly 0.01% of the population

#6345f5 hex color

#6345f5 Color Information

#6345f5 Color Conversion

Color Schemes with #6345f5

Alternatives to #6345f5

#6345f5 Preview

Shades and Tints of #6345f5

Tones of #6345f5

Color Blindness Simulator