#7348fd hex color

In a RGB color space, hex #7348fd is composed of 45.1% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 254.3 degrees, a saturation of 97.8% and a lightness of 63.7%. #7348fd color hex could be obtained by blending #e690ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 28
- B 99
RGB color chart
- C 55
- M 72
- Y 0
- K 1
CMYK color chart

● #7348fd color description : Bright blue.

The hexadecimal color #7348fd has RGB values of R:115, G:72, B:253 and CMYK values of C:0.55, M:0.72, Y:0, K:0.01. Its decimal value is 7555325.

Hex triplet	7348fd	`#7348fd`
RGB Decimal	115, 72, 253	`rgb(115,72,253)`
RGB Percent	45.1, 28.2, 99.2	`rgb(45.1%,28.2%,99.2%)`
CMYK	55, 72, 0, 1
HSL	254.3°, 97.8, 63.7	`hsl(254.3,97.8%,63.7%)`
HSV (or HSB)	254.3°, 71.5, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	46.138, 61.31, -83.614
XYZ	27.114, 15.371, 94.461
xyY	0.198, 0.112, 15.371
CIE-LCH	46.138, 103.684, 306.251
CIE-LUV	46.138, 1.566, -127.551
Hunter-Lab	39.205, 54.839, -115.409
Binary	01110011, 01001000, 11111101

#7348fd
```
#7348fd rgb(115,72,253)
```
#d2fd48
```
#d2fd48 rgb(210,253,72)
```

Complementary Color

#4878fd
```
#4878fd rgb(72,120,253)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#ce48fd
```
#ce48fd rgb(206,72,253)
```

Analogous Color

#78fd48
```
#78fd48 rgb(120,253,72)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#fdce48
```
#fdce48 rgb(253,206,72)
```

Split Complementary Color

#48fd73
```
#48fd73 rgb(72,253,115)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#fd7348
```
#fd7348 rgb(253,115,72)
```

Triadic Color

#48d2fd
```
#48d2fd rgb(72,210,253)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#fd7348
```
#fd7348 rgb(253,115,72)
```
#d2fd48
```
#d2fd48 rgb(210,253,72)
```

Tetradic Color

#3c03f6
```
#3c03f6 rgb(60,3,246)
```
#4c16fc
```
#4c16fc rgb(76,22,252)
```
#602ffd
```
#602ffd rgb(96,47,253)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#8661fd
```
#8661fd rgb(134,97,253)
```
#9a7afe
```
#9a7afe rgb(154,122,254)
```
#ad94fe
```
#ad94fe rgb(173,148,254)
```

Monochromatic Color

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

#484afd
```
#484afd rgb(72,74,253)
```
#5548fd
```
#5548fd rgb(85,72,253)
```
#6448fd
```
#6448fd rgb(100,72,253)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#8248fd
```
#8248fd rgb(130,72,253)
```
#9148fd
```
#9148fd rgb(145,72,253)
```
#a048fd
```
#a048fd rgb(160,72,253)
```

Similar Colors

Text with hexadecimal color #7348fd

This text has a font color of #7348fd.

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

#7348fd background color

This paragraph has a background color of #7348fd.

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

#7348fd border color

This element has a border color of #7348fd.

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

CSS codes

.text {color:#7348fd;}

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

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

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, #03000b is the darkest color, while #f9f7ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#07001e
```
#07001e rgb(7,0,30)
```
#0c0132
```
#0c0132 rgb(12,1,50)
```
#110145
```
#110145 rgb(17,1,69)
```
#160159
```
#160159 rgb(22,1,89)
```
#1b016c
```
#1b016c rgb(27,1,108)
```
#1f017f
```
#1f017f rgb(31,1,127)
```
#240293
```
#240293 rgb(36,2,147)
```
#2902a6
```
#2902a6 rgb(41,2,166)
```
#2e02ba
```
#2e02ba rgb(46,2,186)
```
#3202cd
```
#3202cd rgb(50,2,205)
```
#3702e0
```
#3702e0 rgb(55,2,224)
```
#3c03f4
```
#3c03f4 rgb(60,3,244)
```

Shade Color Variation

#460efc
```
#460efc rgb(70,14,252)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#6435fd
```
#6435fd rgb(100,53,253)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#825bfd
```
#825bfd rgb(130,91,253)
```
#916ffd
```
#916ffd rgb(145,111,253)
```
#a082fe
```
#a082fe rgb(160,130,254)
```
#ae96fe
```
#ae96fe rgb(174,150,254)
```
#bda9fe
```
#bda9fe rgb(189,169,254)
```
#ccbcfe
```
#ccbcfe rgb(204,188,254)
```
#dbd0fe
```
#dbd0fe rgb(219,208,254)
```
#eae3ff
```
#eae3ff rgb(234,227,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#a09da8
```
#a09da8 rgb(160,157,168)
```
#9c96af
```
#9c96af rgb(156,150,175)
```
#988fb6
```
#988fb6 rgb(152,143,182)
```
#9588bd
```
#9588bd rgb(149,136,189)
```
#9181c4
```
#9181c4 rgb(145,129,196)
```
#8d7acb
```
#8d7acb rgb(141,122,203)
```
#8973d2
```
#8973d2 rgb(137,115,210)
```
#866cd9
```
#866cd9 rgb(134,108,217)
```
#8264e1
```
#8264e1 rgb(130,100,225)
```
#7e5de8
```
#7e5de8 rgb(126,93,232)
```
#7a56ef
```
#7a56ef rgb(122,86,239)
```
#774ff6
```
#774ff6 rgb(119,79,246)
```
#7348fd
```
#7348fd rgb(115,72,253)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#6b6287 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#407d86 Tritanopia 0.001% of the population

Trichromacy

#2962e8 Protanomaly 1% of men, 0.01% of women
#2966d6 Deuteranomaly 6% of men, 0.4% of women
#526ab1 Tritanomaly 0.01% of the population

#7348fd hex color

#7348fd Color Information

#7348fd Color Conversion

Color Schemes with #7348fd

Alternatives to #7348fd

#7348fd Preview

Shades and Tints of #7348fd

Tones of #7348fd

Color Blindness Simulator