#7474ff hex color

In a RGB color space, hex #7474ff is composed of 45.5% red, 45.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 54.5% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 72.7%. #7474ff color hex could be obtained by blending #e8e8ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 45
- B 100
RGB color chart
- C 55
- M 55
- Y 0
- K 0
CMYK color chart

● #7474ff color description : Very light blue.

The hexadecimal color #7474ff has RGB values of R:116, G:116, B:255 and CMYK values of C:0.55, M:0.55, Y:0, K:0. Its decimal value is 7632127.

Hex triplet	7474ff	`#7474ff`
RGB Decimal	116, 116, 255	`rgb(116,116,255)`
RGB Percent	45.5, 45.5, 100	`rgb(45.5%,45.5%,100%)`
CMYK	55, 55, 0, 0
HSL	240°, 100, 72.7	`hsl(240,100%,72.7%)`
HSV (or HSB)	240°, 54.5, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.505, 37.782, -69.464
XYZ	31.494, 23.423, 97.464
xyY	0.207, 0.154, 23.423
CIE-LCH	55.505, 79.074, 298.542
CIE-LUV	55.505, -8.131, -112.664
Hunter-Lab	48.397, 31.464, -85.523
Binary	01110100, 01110100, 11111111

#7474ff
```
#7474ff rgb(116,116,255)
```
#ffff74
```
#ffff74 rgb(255,255,116)
```

Complementary Color

#74baff
```
#74baff rgb(116,186,255)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#ba74ff
```
#ba74ff rgb(186,116,255)
```

Analogous Color

#baff74
```
#baff74 rgb(186,255,116)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#ffba74
```
#ffba74 rgb(255,186,116)
```

Split Complementary Color

#74ff74
```
#74ff74 rgb(116,255,116)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#ff7474
```
#ff7474 rgb(255,116,116)
```

Triadic Color

#74ffff
```
#74ffff rgb(116,255,255)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#ff7474
```
#ff7474 rgb(255,116,116)
```
#ffff74
```
#ffff74 rgb(255,255,116)
```

Tetradic Color

#2828ff
```
#2828ff rgb(40,40,255)
```
#4141ff
```
#4141ff rgb(65,65,255)
```
#5b5bff
```
#5b5bff rgb(91,91,255)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#8e8eff
```
#8e8eff rgb(142,142,255)
```
#a7a7ff
```
#a7a7ff rgb(167,167,255)
```
#c1c1ff
```
#c1c1ff rgb(193,193,255)
```

Monochromatic Color

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

#7497ff
```
#7497ff rgb(116,151,255)
```
#748bff
```
#748bff rgb(116,139,255)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#8074ff
```
#8074ff rgb(128,116,255)
```
#8b74ff
```
#8b74ff rgb(139,116,255)
```
#9774ff
```
#9774ff rgb(151,116,255)
```

Similar Colors

Text with hexadecimal color #7474ff

This text has a font color of #7474ff.

<span style="color:#7474ff;">Text here</span>

#7474ff background color

This paragraph has a background color of #7474ff.

<p style="background-color:#7474ff;">Content here</p>

#7474ff border color

This element has a border color of #7474ff.

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

CSS codes

.text {color:#7474ff;}

.background {background-color:#7474ff;}

.border {border:1px solid #7474ff;}

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

#000012
```
#000012 rgb(0,0,18)
```
#000026
```
#000026 rgb(0,0,38)
```
#000039
```
#000039 rgb(0,0,57)
```
#00004d
```
#00004d rgb(0,0,77)
```
#000060
```
#000060 rgb(0,0,96)
```
#000074
```
#000074 rgb(0,0,116)
```
#000088
```
#000088 rgb(0,0,136)
```
#00009b
```
#00009b rgb(0,0,155)
```
#0000af
```
#0000af rgb(0,0,175)
```
#0000c2
```
#0000c2 rgb(0,0,194)
```
#0000d6
```
#0000d6 rgb(0,0,214)
```
#0000ea
```
#0000ea rgb(0,0,234)
```
#0000fd
```
#0000fd rgb(0,0,253)
```

Shade Color Variation

#1212ff
```
#1212ff rgb(18,18,255)
```
#2626ff
```
#2626ff rgb(38,38,255)
```
#3939ff
```
#3939ff rgb(57,57,255)
```
#4d4dff
```
#4d4dff rgb(77,77,255)
```
#6060ff
```
#6060ff rgb(96,96,255)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#8888ff
```
#8888ff rgb(136,136,255)
```
#9b9bff
```
#9b9bff rgb(155,155,255)
```
#afafff
```
#afafff rgb(175,175,255)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#d6d6ff
```
#d6d6ff rgb(214,214,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#b4b4bf
```
#b4b4bf rgb(180,180,191)
```
#afafc4
```
#afafc4 rgb(175,175,196)
```
#a9a9ca
```
#a9a9ca rgb(169,169,202)
```
#a4a4cf
```
#a4a4cf rgb(164,164,207)
```
#9f9fd4
```
#9f9fd4 rgb(159,159,212)
```
#9999da
```
#9999da rgb(153,153,218)
```
#9494df
```
#9494df rgb(148,148,223)
```
#8f8fe4
```
#8f8fe4 rgb(143,143,228)
```
#8989ea
```
#8989ea rgb(137,137,234)
```
#8484ef
```
#8484ef rgb(132,132,239)
```
#7f7ff4
```
#7f7ff4 rgb(127,127,244)
```
#7979fa
```
#7979fa rgb(121,121,250)
```
#7474ff
```
#7474ff rgb(116,116,255)
```

Tone Color Variation

Below, you can see how #7474ff 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
#81819d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#008dea Deuteranopia 1% of men
#4d95a0 Tritanopia 0.001% of the population

Trichromacy

#4d80ff Protanomaly 1% of men, 0.01% of women
#2a84f1 Deuteranomaly 6% of men, 0.4% of women
#5b89c2 Tritanomaly 0.01% of the population

#7474ff hex color

#7474ff Color Information

#7474ff Color Conversion

Color Schemes with #7474ff

Alternatives to #7474ff

#7474ff Preview

Shades and Tints of #7474ff

Tones of #7474ff

Color Blindness Simulator