#74a2fc hex color

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

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

● #74a2fc color description : Soft blue.

The hexadecimal color #74a2fc has RGB values of R:116, G:162, B:252 and CMYK values of C:0.54, M:0.36, Y:0, K:0.01. Its decimal value is 7643900.

Hex triplet	74a2fc	`#74a2fc`
RGB Decimal	116, 162, 252	`rgb(116,162,252)`
RGB Percent	45.5, 63.5, 98.8	`rgb(45.5%,63.5%,98.8%)`
CMYK	54, 36, 0, 1
HSL	219.7°, 95.8, 72.2	`hsl(219.7,95.8%,72.2%)`
HSV (or HSB)	219.7°, 54, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.961, 9.748, -49.515
XYZ	37.69, 36.58, 97.165
xyY	0.22, 0.213, 36.58
CIE-LCH	66.961, 50.466, 281.137
CIE-LUV	66.961, -22.729, -81.235
Hunter-Lab	60.481, 5.392, -52.914
Binary	01110100, 10100010, 11111100

#74a2fc
```
#74a2fc rgb(116,162,252)
```
#fcce74
```
#fcce74 rgb(252,206,116)
```

Complementary Color

#74e6fc
```
#74e6fc rgb(116,230,252)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```
#8a74fc
```
#8a74fc rgb(138,116,252)
```

Analogous Color

#e6fc74
```
#e6fc74 rgb(230,252,116)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```
#fc8a74
```
#fc8a74 rgb(252,138,116)
```

Split Complementary Color

#a2fc74
```
#a2fc74 rgb(162,252,116)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```
#fc74a2
```
#fc74a2 rgb(252,116,162)
```

Triadic Color

#74fcce
```
#74fcce rgb(116,252,206)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```
#fc74a2
```
#fc74a2 rgb(252,116,162)
```
#fcce74
```
#fcce74 rgb(252,206,116)
```

Tetradic Color

#2970fa
```
#2970fa rgb(41,112,250)
```
#4281fb
```
#4281fb rgb(66,129,251)
```
#5b91fb
```
#5b91fb rgb(91,145,251)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```
#8db3fd
```
#8db3fd rgb(141,179,253)
```
#a6c3fd
```
#a6c3fd rgb(166,195,253)
```
#bfd4fe
```
#bfd4fe rgb(191,212,254)
```

Monochromatic Color

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

#74c4fc
```
#74c4fc rgb(116,196,252)
```
#74b9fc
```
#74b9fc rgb(116,185,252)
```
#74adfc
```
#74adfc rgb(116,173,252)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```
#7497fc
```
#7497fc rgb(116,151,252)
```
#748bfc
```
#748bfc rgb(116,139,252)
```
#7480fc
```
#7480fc rgb(116,128,252)
```

Similar Colors

Text with hexadecimal color #74a2fc

This text has a font color of #74a2fc.

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

#74a2fc background color

This paragraph has a background color of #74a2fc.

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

#74a2fc border color

This element has a border color of #74a2fc.

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

CSS codes

.text {color:#74a2fc;}

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

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

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

#00050f
```
#00050f rgb(0,5,15)
```
#010c22
```
#010c22 rgb(1,12,34)
```
#011335
```
#011335 rgb(1,19,53)
```
#021948
```
#021948 rgb(2,25,72)
```
#02205b
```
#02205b rgb(2,32,91)
```
#02276f
```
#02276f rgb(2,39,111)
```
#032e82
```
#032e82 rgb(3,46,130)
```
#033595
```
#033595 rgb(3,53,149)
```
#043ba8
```
#043ba8 rgb(4,59,168)
```
#0442bb
```
#0442bb rgb(4,66,187)
```
#0449cf
```
#0449cf rgb(4,73,207)
```
#0550e2
```
#0550e2 rgb(5,80,226)
```
#0556f5
```
#0556f5 rgb(5,86,245)
```

Shade Color Variation

#1462fa
```
#1462fa rgb(20,98,250)
```
#276ffa
```
#276ffa rgb(39,111,250)
```
#3a7bfb
```
#3a7bfb rgb(58,123,251)
```
#4e88fb
```
#4e88fb rgb(78,136,251)
```
#6195fc
```
#6195fc rgb(97,149,252)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```
#87affc
```
#87affc rgb(135,175,252)
```
#9abcfd
```
#9abcfd rgb(154,188,253)
```
#aec9fd
```
#aec9fd rgb(174,201,253)
```
#c1d5fe
```
#c1d5fe rgb(193,213,254)
```
#d4e2fe
```
#d4e2fe rgb(212,226,254)
```
#e7effe
```
#e7effe rgb(231,239,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#b6b7ba
```
#b6b7ba rgb(182,183,186)
```
#b0b5c0
```
#b0b5c0 rgb(176,181,192)
```
#abb4c5
```
#abb4c5 rgb(171,180,197)
```
#a5b2cb
```
#a5b2cb rgb(165,178,203)
```
#a0b0d0
```
#a0b0d0 rgb(160,176,208)
```
#9aaed6
```
#9aaed6 rgb(154,174,214)
```
#95addb
```
#95addb rgb(149,173,219)
```
#8fabe1
```
#8fabe1 rgb(143,171,225)
```
#8aa9e6
```
#8aa9e6 rgb(138,169,230)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#7fa6f1
```
#7fa6f1 rgb(127,166,241)
```
#79a4f7
```
#79a4f7 rgb(121,164,247)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#96a0b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a4fa Protanopia 1% of men
#76a7fb Deuteranopia 1% of men
#5eb3c0 Tritanopia 0.001% of the population

Trichromacy

#7fa3fb Protanomaly 1% of men, 0.01% of women
#75a5fb Deuteranomaly 6% of men, 0.4% of women
#66add6 Tritanomaly 0.01% of the population

#74a2fc hex color

#74a2fc Color Information

#74a2fc Color Conversion

Color Schemes with #74a2fc

Alternatives to #74a2fc

#74a2fc Preview

Shades and Tints of #74a2fc

Tones of #74a2fc

Color Blindness Simulator