#74aefc hex color

In a RGB color space, hex #74aefc is composed of 45.5% red, 68.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 31% magenta, 0% yellow and 1.2% black. It has a hue angle of 214.4 degrees, a saturation of 95.8% and a lightness of 72.2%. #74aefc color hex could be obtained by blending #e8ffff with #005df9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 68
- B 99
RGB color chart
- C 54
- M 31
- Y 0
- K 1
CMYK color chart

● #74aefc color description : Soft blue.

The hexadecimal color #74aefc has RGB values of R:116, G:174, B:252 and CMYK values of C:0.54, M:0.31, Y:0, K:0.01. Its decimal value is 7646972.

Hex triplet	74aefc	`#74aefc`
RGB Decimal	116, 174, 252	`rgb(116,174,252)`
RGB Percent	45.5, 68.2, 98.8	`rgb(45.5%,68.2%,98.8%)`
CMYK	54, 31, 0, 1
HSL	214.4°, 95.8, 72.2	`hsl(214.4,95.8%,72.2%)`
HSV (or HSB)	214.4°, 54, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.184, 2.917, -44.445
XYZ	39.905, 41.011, 97.903
xyY	0.223, 0.229, 41.011
CIE-LCH	70.184, 44.541, 273.754
CIE-LUV	70.184, -27.009, -72.362
Hunter-Lab	64.04, -0.841, -45.814
Binary	01110100, 10101110, 11111100

#74aefc
```
#74aefc rgb(116,174,252)
```
#fcc274
```
#fcc274 rgb(252,194,116)
```

Complementary Color

#74f2fc
```
#74f2fc rgb(116,242,252)
```
#74aefc
```
#74aefc rgb(116,174,252)
```
#7e74fc
```
#7e74fc rgb(126,116,252)
```

Analogous Color

#f2fc74
```
#f2fc74 rgb(242,252,116)
```
#74aefc
```
#74aefc rgb(116,174,252)
```
#fc7e74
```
#fc7e74 rgb(252,126,116)
```

Split Complementary Color

#aefc74
```
#aefc74 rgb(174,252,116)
```
#74aefc
```
#74aefc rgb(116,174,252)
```
#fc74ae
```
#fc74ae rgb(252,116,174)
```

Triadic Color

#74fcc2
```
#74fcc2 rgb(116,252,194)
```
#74aefc
```
#74aefc rgb(116,174,252)
```
#fc74ae
```
#fc74ae rgb(252,116,174)
```
#fcc274
```
#fcc274 rgb(252,194,116)
```

Tetradic Color

#2982fa
```
#2982fa rgb(41,130,250)
```
#4291fb
```
#4291fb rgb(66,145,251)
```
#5b9ffb
```
#5b9ffb rgb(91,159,251)
```
#74aefc
```
#74aefc rgb(116,174,252)
```
#8dbdfd
```
#8dbdfd rgb(141,189,253)
```
#a6cbfd
```
#a6cbfd rgb(166,203,253)
```
#bfdafe
```
#bfdafe rgb(191,218,254)
```

Monochromatic Color

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

#74d0fc
```
#74d0fc rgb(116,208,252)
```
#74c5fc
```
#74c5fc rgb(116,197,252)
```
#74b9fc
```
#74b9fc rgb(116,185,252)
```
#74aefc
```
#74aefc rgb(116,174,252)
```
#74a3fc
```
#74a3fc rgb(116,163,252)
```
#7497fc
```
#7497fc rgb(116,151,252)
```
#748cfc
```
#748cfc rgb(116,140,252)
```

Similar Colors

Text with hexadecimal color #74aefc

This text has a font color of #74aefc.

<span style="color:#74aefc;">Text here</span>

#74aefc background color

This paragraph has a background color of #74aefc.

<p style="background-color:#74aefc;">Content here</p>

#74aefc border color

This element has a border color of #74aefc.

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

CSS codes

.text {color:#74aefc;}

.background {background-color:#74aefc;}

.border {border:1px solid #74aefc;}

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, #00060f is the darkest color, while #fafcff is the lightest one.

#00060f
```
#00060f rgb(0,6,15)
```
#010f22
```
#010f22 rgb(1,15,34)
```
#011735
```
#011735 rgb(1,23,53)
```
#022048
```
#022048 rgb(2,32,72)
```
#02285b
```
#02285b rgb(2,40,91)
```
#02316f
```
#02316f rgb(2,49,111)
```
#033982
```
#033982 rgb(3,57,130)
```
#034195
```
#034195 rgb(3,65,149)
```
#044aa8
```
#044aa8 rgb(4,74,168)
```
#0452bb
```
#0452bb rgb(4,82,187)
```
#045bcf
```
#045bcf rgb(4,91,207)
```
#0563e2
```
#0563e2 rgb(5,99,226)
```
#056cf5
```
#056cf5 rgb(5,108,245)
```

Shade Color Variation

#1476fa
```
#1476fa rgb(20,118,250)
```
#2781fa
```
#2781fa rgb(39,129,250)
```
#3a8cfb
```
#3a8cfb rgb(58,140,251)
```
#4e98fb
```
#4e98fb rgb(78,152,251)
```
#61a3fc
```
#61a3fc rgb(97,163,252)
```
#74aefc
```
#74aefc rgb(116,174,252)
```
#87b9fc
```
#87b9fc rgb(135,185,252)
```
#9ac4fd
```
#9ac4fd rgb(154,196,253)
```
#aed0fd
```
#aed0fd rgb(174,208,253)
```
#c1dbfe
```
#c1dbfe rgb(193,219,254)
```
#d4e6fe
```
#d4e6fe rgb(212,230,254)
```
#e7f1fe
```
#e7f1fe rgb(231,241,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#b6b8ba
```
#b6b8ba rgb(182,184,186)
```
#b0b7c0
```
#b0b7c0 rgb(176,183,192)
```
#abb6c5
```
#abb6c5 rgb(171,182,197)
```
#a5b5cb
```
#a5b5cb rgb(165,181,203)
```
#a0b4d0
```
#a0b4d0 rgb(160,180,208)
```
#9ab4d6
```
#9ab4d6 rgb(154,180,214)
```
#95b3db
```
#95b3db rgb(149,179,219)
```
#8fb2e1
```
#8fb2e1 rgb(143,178,225)
```
#8ab1e6
```
#8ab1e6 rgb(138,177,230)
```
#84b0ec
```
#84b0ec rgb(132,176,236)
```
#7fb0f1
```
#7fb0f1 rgb(127,176,241)
```
#79aff7
```
#79aff7 rgb(121,175,247)
```
#74aefc
```
#74aefc rgb(116,174,252)
```

Tone Color Variation

Below, you can see how #74aefc 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

#a6a6a6 Achromatopsia 0.005% of the population
#9ca8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95adf8 Protanopia 1% of men
#89affd Deuteranopia 1% of men
#63bcca Tritanopia 0.001% of the population

Trichromacy

#89adf9 Protanomaly 1% of men, 0.01% of women
#81aefc Deuteranomaly 6% of men, 0.4% of women
#69b7dc Tritanomaly 0.01% of the population

#74aefc hex color

#74aefc Color Information

#74aefc Color Conversion

Color Schemes with #74aefc

Alternatives to #74aefc

#74aefc Preview

Shades and Tints of #74aefc

Tones of #74aefc

Color Blindness Simulator