#7368f2 hex color

In a RGB color space, hex #7368f2 is composed of 45.1% red, 40.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 57% magenta, 0% yellow and 5.1% black. It has a hue angle of 244.8 degrees, a saturation of 84.1% and a lightness of 67.8%. #7368f2 color hex could be obtained by blending #e6d0ff with #0000e5. 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

● #7368f2 color description : Soft blue.

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

Hex triplet	7368f2	`#7368f2`
RGB Decimal	115, 104, 242	`rgb(115,104,242)`
RGB Percent	45.1, 40.8, 94.9	`rgb(45.1%,40.8%,94.9%)`
CMYK	52, 57, 0, 5
HSL	244.8°, 84.1, 67.8	`hsl(244.8,84.1%,67.8%)`
HSV (or HSB)	244.8°, 57, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.787, 40.685, -68.268
XYZ	28.044, 19.955, 86.374
xyY	0.209, 0.149, 19.955
CIE-LCH	51.787, 79.472, 300.793
CIE-LUV	51.787, -4.424, -109.139
Hunter-Lab	44.671, 33.886, -83.369
Binary	01110011, 01101000, 11110010

#7368f2
```
#7368f2 rgb(115,104,242)
```
#e7f268
```
#e7f268 rgb(231,242,104)
```

Complementary Color

#68a2f2
```
#68a2f2 rgb(104,162,242)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#b868f2
```
#b868f2 rgb(184,104,242)
```

Analogous Color

#a2f268
```
#a2f268 rgb(162,242,104)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#f2b868
```
#f2b868 rgb(242,184,104)
```

Split Complementary Color

#68f273
```
#68f273 rgb(104,242,115)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#f27368
```
#f27368 rgb(242,115,104)
```

Triadic Color

#68e7f2
```
#68e7f2 rgb(104,231,242)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#f27368
```
#f27368 rgb(242,115,104)
```
#e7f268
```
#e7f268 rgb(231,242,104)
```

Tetradic Color

#3222ec
```
#3222ec rgb(50,34,236)
```
#4739ee
```
#4739ee rgb(71,57,238)
```
#5d51f0
```
#5d51f0 rgb(93,81,240)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#897ff4
```
#897ff4 rgb(137,127,244)
```
#9f97f6
```
#9f97f6 rgb(159,151,246)
```
#b4aef8
```
#b4aef8 rgb(180,174,248)
```

Monochromatic Color

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

#6880f2
```
#6880f2 rgb(104,128,242)
```
#6874f2
```
#6874f2 rgb(104,116,242)
```
#6869f2
```
#6869f2 rgb(104,105,242)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#7f68f2
```
#7f68f2 rgb(127,104,242)
```
#8a68f2
```
#8a68f2 rgb(138,104,242)
```
#9668f2
```
#9668f2 rgb(150,104,242)
```

Similar Colors

Text with hexadecimal color #7368f2

This text has a font color of #7368f2.

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

#7368f2 background color

This paragraph has a background color of #7368f2.

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

#7368f2 border color

This element has a border color of #7368f2.

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

CSS codes

.text {color:#7368f2;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#05031e
```
#05031e rgb(5,3,30)
```
#080430
```
#080430 rgb(8,4,48)
```
#0a0642
```
#0a0642 rgb(10,6,66)
```
#0d0754
```
#0d0754 rgb(13,7,84)
```
#100966
```
#100966 rgb(16,9,102)
```
#130a78
```
#130a78 rgb(19,10,120)
```
#160c8a
```
#160c8a rgb(22,12,138)
```
#190d9c
```
#190d9c rgb(25,13,156)
```
#1c0fae
```
#1c0fae rgb(28,15,174)
```
#1f11c0
```
#1f11c0 rgb(31,17,192)
```
#2112d2
```
#2112d2 rgb(33,18,210)
```
#2414e4
```
#2414e4 rgb(36,20,228)
```

Shade Color Variation

#3020ec
```
#3020ec rgb(48,32,236)
```
#4132ed
```
#4132ed rgb(65,50,237)
```
#5244ef
```
#5244ef rgb(82,68,239)
```
#6256f0
```
#6256f0 rgb(98,86,240)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#847af4
```
#847af4 rgb(132,122,244)
```
#948cf5
```
#948cf5 rgb(148,140,245)
```
#a59ef7
```
#a59ef7 rgb(165,158,247)
```
#b6b0f8
```
#b6b0f8 rgb(182,176,248)
```
#c7c2fa
```
#c7c2fa rgb(199,194,250)
```
#d7d4fb
```
#d7d4fb rgb(215,212,251)
```
#e8e6fd
```
#e8e6fd rgb(232,230,253)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#a8a7b3
```
#a8a7b3 rgb(168,167,179)
```
#a3a1b9
```
#a3a1b9 rgb(163,161,185)
```
#9d9ac0
```
#9d9ac0 rgb(157,154,192)
```
#9894c6
```
#9894c6 rgb(152,148,198)
```
#938ecc
```
#938ecc rgb(147,142,204)
```
#8e88d2
```
#8e88d2 rgb(142,136,210)
```
#8881d9
```
#8881d9 rgb(136,129,217)
```
#837bdf
```
#837bdf rgb(131,123,223)
```
#7e75e5
```
#7e75e5 rgb(126,117,229)
```
#786eec
```
#786eec rgb(120,110,236)
```
#7368f2
```
#7368f2 rgb(115,104,242)
```
#6e62f8
```
#6e62f8 rgb(110,98,248)
```
#685bff
```
#685bff rgb(104,91,255)
```

Tone Color Variation

Below, you can see how #7368f2 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
#508a94 Tritanopia 0.001% of the population

Trichromacy

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

#7368f2 hex color

#7368f2 Color Information

#7368f2 Color Conversion

Color Schemes with #7368f2

Alternatives to #7368f2

#7368f2 Preview

Shades and Tints of #7368f2

Tones of #7368f2

Color Blindness Simulator