#7476f2 hex color

In a RGB color space, hex #7476f2 is composed of 45.5% red, 46.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 51.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 239 degrees, a saturation of 82.9% and a lightness of 70.2%. #7476f2 color hex could be obtained by blending #e8ecff with #0000e5. Closest websafe color is: #6666ff.

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

● #7476f2 color description : Soft blue.

The hexadecimal color #7476f2 has RGB values of R:116, G:118, B:242 and CMYK values of C:0.52, M:0.51, Y:0, K:0.05. Its decimal value is 7632626.

Hex triplet	7476f2	`#7476f2`
RGB Decimal	116, 118, 242	`rgb(116,118,242)`
RGB Percent	45.5, 46.3, 94.9	`rgb(45.5%,46.3%,94.9%)`
CMYK	52, 51, 0, 5
HSL	239°, 82.9, 70.2	`hsl(239,82.9%,70.2%)`
HSV (or HSB)	239°, 52.1, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.154, 32.613, -62.829
XYZ	29.705, 23.08, 86.889
xyY	0.213, 0.165, 23.08
CIE-LCH	55.154, 70.789, 297.432
CIE-LUV	55.154, -8.019, -101.835
Hunter-Lab	48.041, 26.298, -73.605
Binary	01110100, 01110110, 11110010

#7476f2
```
#7476f2 rgb(116,118,242)
```
#f2f074
```
#f2f074 rgb(242,240,116)
```

Complementary Color

#74b5f2
```
#74b5f2 rgb(116,181,242)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#b174f2
```
#b174f2 rgb(177,116,242)
```

Analogous Color

#b5f274
```
#b5f274 rgb(181,242,116)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```

Split Complementary Color

#76f274
```
#76f274 rgb(118,242,116)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#f27476
```
#f27476 rgb(242,116,118)
```

Triadic Color

#74f2f0
```
#74f2f0 rgb(116,242,240)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#f27476
```
#f27476 rgb(242,116,118)
```
#f2f074
```
#f2f074 rgb(242,240,116)
```

Tetradic Color

#2e31eb
```
#2e31eb rgb(46,49,235)
```
#4548ee
```
#4548ee rgb(69,72,238)
```
#5d5ff0
```
#5d5ff0 rgb(93,95,240)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#8b8df4
```
#8b8df4 rgb(139,141,244)
```
#a3a4f6
```
#a3a4f6 rgb(163,164,246)
```
#babbf9
```
#babbf9 rgb(186,187,249)
```

Monochromatic Color

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

#7496f2
```
#7496f2 rgb(116,150,242)
```
#748bf2
```
#748bf2 rgb(116,139,242)
```
#7481f2
```
#7481f2 rgb(116,129,242)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#7d74f2
```
#7d74f2 rgb(125,116,242)
```
#8774f2
```
#8774f2 rgb(135,116,242)
```
#9274f2
```
#9274f2 rgb(146,116,242)
```

Similar Colors

Text with hexadecimal color #7476f2

This text has a font color of #7476f2.

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

#7476f2 background color

This paragraph has a background color of #7476f2.

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

#7476f2 border color

This element has a border color of #7476f2.

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

CSS codes

.text {color:#7476f2;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#020216
```
#020216 rgb(2,2,22)
```
#040428
```
#040428 rgb(4,4,40)
```
#05063a
```
#05063a rgb(5,6,58)
```
#07084c
```
#07084c rgb(7,8,76)
```
#090a5e
```
#090a5e rgb(9,10,94)
```
#0a0c70
```
#0a0c70 rgb(10,12,112)
```
#0c0e82
```
#0c0e82 rgb(12,14,130)
```
#0e1094
```
#0e1094 rgb(14,16,148)
```
#1012a6
```
#1012a6 rgb(16,18,166)
```
#1114b8
```
#1114b8 rgb(17,20,184)
```
#1316ca
```
#1316ca rgb(19,22,202)
```
#1518dc
```
#1518dc rgb(21,24,220)
```

Shade Color Variation

#1a1eea
```
#1a1eea rgb(26,30,234)
```
#2c2feb
```
#2c2feb rgb(44,47,235)
```
#3e41ed
```
#3e41ed rgb(62,65,237)
```
#5053ef
```
#5053ef rgb(80,83,239)
```
#6264f0
```
#6264f0 rgb(98,100,240)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#8688f4
```
#8688f4 rgb(134,136,244)
```
#9899f5
```
#9899f5 rgb(152,153,245)
```
#aaabf7
```
#aaabf7 rgb(170,171,247)
```
#bcbdf9
```
#bcbdf9 rgb(188,189,249)
```
#cecefa
```
#cecefa rgb(206,206,250)
```
#e0e0fc
```
#e0e0fc rgb(224,224,252)
```
#f2f2fe
```
#f2f2fe rgb(242,242,254)
```

Tint Color Variation

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

#aeafb8
```
#aeafb8 rgb(174,175,184)
```
#a9a9bd
```
#a9a9bd rgb(169,169,189)
```
#a3a3c3
```
#a3a3c3 rgb(163,163,195)
```
#9d9ec9
```
#9d9ec9 rgb(157,158,201)
```
#9798cf
```
#9798cf rgb(151,152,207)
```
#9192d5
```
#9192d5 rgb(145,146,213)
```
#8b8ddb
```
#8b8ddb rgb(139,141,219)
```
#8687e0
```
#8687e0 rgb(134,135,224)
```
#8081e6
```
#8081e6 rgb(128,129,230)
```
#7a7cec
```
#7a7cec rgb(122,124,236)
```
#7476f2
```
#7476f2 rgb(116,118,242)
```
#6e70f8
```
#6e70f8 rgb(110,112,248)
```
#686bfe
```
#686bfe rgb(104,107,254)
```

Tone Color Variation

Below, you can see how #7476f2 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

#848484 Achromatopsia 0.005% of the population
#81819a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d86fb Protanopia 1% of men
#008cea Deuteranopia 1% of men
#56939e Tritanopia 0.001% of the population

Trichromacy

#5180f7 Protanomaly 1% of men, 0.01% of women
#2a84ed Deuteranomaly 6% of men, 0.4% of women
#6188bc Tritanomaly 0.01% of the population

#7476f2 hex color

#7476f2 Color Information

#7476f2 Color Conversion

Color Schemes with #7476f2

Alternatives to #7476f2

#7476f2 Preview

Shades and Tints of #7476f2

Tones of #7476f2

Color Blindness Simulator