#7368f1 hex color

In a RGB color space, hex #7368f1 is composed of 45.1% red, 40.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 56.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 244.8 degrees, a saturation of 83% and a lightness of 67.6%. #7368f1 color hex could be obtained by blending #e6d0ff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 41
- B 95
RGB color chart
- C 52
- M 57
- Y 0
- K 5
CMYK color chart

● #7368f1 color description : Soft blue.

The hexadecimal color #7368f1 has RGB values of R:115, G:104, B:241 and CMYK values of C:0.52, M:0.57, Y:0, K:0.05. Its decimal value is 7563505.

Hex triplet	7368f1	`#7368f1`
RGB Decimal	115, 104, 241	`rgb(115,104,241)`
RGB Percent	45.1, 40.8, 94.5	`rgb(45.1%,40.8%,94.5%)`
CMYK	52, 57, 0, 5
HSL	244.8°, 83, 67.6	`hsl(244.8,83%,67.6%)`
HSV (or HSB)	244.8°, 56.8, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.719, 40.384, -67.819
XYZ	27.895, 19.895, 85.585
xyY	0.209, 0.149, 19.895
CIE-LCH	51.719, 78.932, 300.772
CIE-LUV	51.719, -4.356, -108.412
Hunter-Lab	44.604, 33.573, -82.54
Binary	01110011, 01101000, 11110001

#7368f1
```
#7368f1 rgb(115,104,241)
```
#e6f168
```
#e6f168 rgb(230,241,104)
```

Complementary Color

#68a2f1
```
#68a2f1 rgb(104,162,241)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#b868f1
```
#b868f1 rgb(184,104,241)
```

Analogous Color

#a2f168
```
#a2f168 rgb(162,241,104)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#f1b868
```
#f1b868 rgb(241,184,104)
```

Split Complementary Color

#68f173
```
#68f173 rgb(104,241,115)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#f17368
```
#f17368 rgb(241,115,104)
```

Triadic Color

#68e6f1
```
#68e6f1 rgb(104,230,241)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#f17368
```
#f17368 rgb(241,115,104)
```
#e6f168
```
#e6f168 rgb(230,241,104)
```

Tetradic Color

#3222eb
```
#3222eb rgb(50,34,235)
```
#4839ed
```
#4839ed rgb(72,57,237)
```
#5d51ef
```
#5d51ef rgb(93,81,239)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#897ff3
```
#897ff3 rgb(137,127,243)
```
#9e97f5
```
#9e97f5 rgb(158,151,245)
```
#b4aef7
```
#b4aef7 rgb(180,174,247)
```

Monochromatic Color

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

#687ff1
```
#687ff1 rgb(104,127,241)
```
#6874f1
```
#6874f1 rgb(104,116,241)
```
#6868f1
```
#6868f1 rgb(104,104,241)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#7e68f1
```
#7e68f1 rgb(126,104,241)
```
#8a68f1
```
#8a68f1 rgb(138,104,241)
```
#9568f1
```
#9568f1 rgb(149,104,241)
```

Similar Colors

Text with hexadecimal color #7368f1

This text has a font color of #7368f1.

<span style="color:#7368f1;">Text here</span>

#7368f1 background color

This paragraph has a background color of #7368f1.

<p style="background-color:#7368f1;">Content here</p>

#7368f1 border color

This element has a border color of #7368f1.

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

CSS codes

.text {color:#7368f1;}

.background {background-color:#7368f1;}

.border {border:1px solid #7368f1;}

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

#02010b
```
#02010b rgb(2,1,11)
```
#05031d
```
#05031d rgb(5,3,29)
```
#08042e
```
#08042e rgb(8,4,46)
```
#0b0640
```
#0b0640 rgb(11,6,64)
```
#0e0852
```
#0e0852 rgb(14,8,82)
```
#110964
```
#110964 rgb(17,9,100)
```
#140b76
```
#140b76 rgb(20,11,118)
```
#170d88
```
#170d88 rgb(23,13,136)
```
#1a0e9a
```
#1a0e9a rgb(26,14,154)
```
#1c10ac
```
#1c10ac rgb(28,16,172)
```
#1f12be
```
#1f12be rgb(31,18,190)
```
#2213d0
```
#2213d0 rgb(34,19,208)
```
#2515e2
```
#2515e2 rgb(37,21,226)
```

Shade Color Variation

#3020ea
```
#3020ea rgb(48,32,234)
```
#4132ec
```
#4132ec rgb(65,50,236)
```
#5244ee
```
#5244ee rgb(82,68,238)
```
#6256ef
```
#6256ef rgb(98,86,239)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#847af3
```
#847af3 rgb(132,122,243)
```
#948cf4
```
#948cf4 rgb(148,140,244)
```
#a59ef6
```
#a59ef6 rgb(165,158,246)
```
#b6b0f8
```
#b6b0f8 rgb(182,176,248)
```
#c6c2f9
```
#c6c2f9 rgb(198,194,249)
```
#d7d4fb
```
#d7d4fb rgb(215,212,251)
```
#e8e6fd
```
#e8e6fd rgb(232,230,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#a8a7b2
```
#a8a7b2 rgb(168,167,178)
```
#a3a1b8
```
#a3a1b8 rgb(163,161,184)
```
#9e9bbe
```
#9e9bbe rgb(158,155,190)
```
#9894c5
```
#9894c5 rgb(152,148,197)
```
#938ecb
```
#938ecb rgb(147,142,203)
```
#8e88d1
```
#8e88d1 rgb(142,136,209)
```
#8881d8
```
#8881d8 rgb(136,129,216)
```
#837bde
```
#837bde rgb(131,123,222)
```
#7e75e4
```
#7e75e4 rgb(126,117,228)
```
#786eeb
```
#786eeb rgb(120,110,235)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#6e62f7
```
#6e62f7 rgb(110,98,247)
```
#685bfe
```
#685bfe rgb(104,91,254)
```

Tone Color Variation

Below, you can see how #7368f1 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

#7b7b7b Achromatopsia 0.005% of the population
#797793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#0084da Deuteranopia 1% of men
#518a94 Tritanopia 0.001% of the population

Trichromacy

#2976f5 Protanomaly 1% of men, 0.01% of women
#297ae2 Deuteranomaly 6% of men, 0.4% of women
#5d7db6 Tritanomaly 0.01% of the population

#7368f1 hex color

#7368f1 Color Information

#7368f1 Color Conversion

Color Schemes with #7368f1

Alternatives to #7368f1

#7368f1 Preview

Shades and Tints of #7368f1

Tones of #7368f1

Color Blindness Simulator