#74a6fa hex color

In a RGB color space, hex #74a6fa is composed of 45.5% red, 65.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 33.6% magenta, 0% yellow and 2% black. It has a hue angle of 217.6 degrees, a saturation of 93.1% and a lightness of 71.8%. #74a6fa color hex could be obtained by blending #e8ffff with #004df5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 65
- B 98
RGB color chart
- C 54
- M 34
- Y 0
- K 2
CMYK color chart

● #74a6fa color description : Soft blue.

The hexadecimal color #74a6fa has RGB values of R:116, G:166, B:250 and CMYK values of C:0.54, M:0.34, Y:0, K:0.02. Its decimal value is 7644922.

Hex triplet	74a6fa	`#74a6fa`
RGB Decimal	116, 166, 250	`rgb(116,166,250)`
RGB Percent	45.5, 65.1, 98	`rgb(45.5%,65.1%,98%)`
CMYK	54, 34, 0, 2
HSL	217.6°, 93.1, 71.8	`hsl(217.6,93.1%,71.8%)`
HSV (or HSB)	217.6°, 53.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.936, 6.84, -46.89
XYZ	38.09, 37.886, 95.743
xyY	0.222, 0.221, 37.886
CIE-LCH	67.936, 47.386, 278.299
CIE-LUV	67.936, -24.144, -76.631
Hunter-Lab	61.551, 2.748, -49.139
Binary	01110100, 10100110, 11111010

#74a6fa
```
#74a6fa rgb(116,166,250)
```
#fac874
```
#fac874 rgb(250,200,116)
```

Complementary Color

#74e9fa
```
#74e9fa rgb(116,233,250)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#8574fa
```
#8574fa rgb(133,116,250)
```

Analogous Color

#e9fa74
```
#e9fa74 rgb(233,250,116)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#fa8574
```
#fa8574 rgb(250,133,116)
```

Split Complementary Color

#a6fa74
```
#a6fa74 rgb(166,250,116)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#fa74a6
```
#fa74a6 rgb(250,116,166)
```

Triadic Color

#74fac8
```
#74fac8 rgb(116,250,200)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#fa74a6
```
#fa74a6 rgb(250,116,166)
```
#fac874
```
#fac874 rgb(250,200,116)
```

Tetradic Color

#2a77f7
```
#2a77f7 rgb(42,119,247)
```
#4386f8
```
#4386f8 rgb(67,134,248)
```
#5b96f9
```
#5b96f9 rgb(91,150,249)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#8db6fb
```
#8db6fb rgb(141,182,251)
```
#a5c6fc
```
#a5c6fc rgb(165,198,252)
```
#bed5fd
```
#bed5fd rgb(190,213,253)
```

Monochromatic Color

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

#74c8fa
```
#74c8fa rgb(116,200,250)
```
#74bcfa
```
#74bcfa rgb(116,188,250)
```
#74b1fa
```
#74b1fa rgb(116,177,250)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#749bfa
```
#749bfa rgb(116,155,250)
```
#7490fa
```
#7490fa rgb(116,144,250)
```
#7485fa
```
#7485fa rgb(116,133,250)
```

Similar Colors

Text with hexadecimal color #74a6fa

This text has a font color of #74a6fa.

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

#74a6fa background color

This paragraph has a background color of #74a6fa.

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

#74a6fa border color

This element has a border color of #74a6fa.

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

CSS codes

.text {color:#74a6fa;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#010c1f
```
#010c1f rgb(1,12,31)
```
#021432
```
#021432 rgb(2,20,50)
```
#021b45
```
#021b45 rgb(2,27,69)
```
#032358
```
#032358 rgb(3,35,88)
```
#042a6b
```
#042a6b rgb(4,42,107)
```
#05327e
```
#05327e rgb(5,50,126)
```
#053991
```
#053991 rgb(5,57,145)
```
#0641a4
```
#0641a4 rgb(6,65,164)
```
#0748b7
```
#0748b7 rgb(7,72,183)
```
#0750ca
```
#0750ca rgb(7,80,202)
```
#0857dd
```
#0857dd rgb(8,87,221)
```
#095ff0
```
#095ff0 rgb(9,95,240)
```

Shade Color Variation

#1569f7
```
#1569f7 rgb(21,105,247)
```
#2876f7
```
#2876f7 rgb(40,118,247)
```
#3b82f8
```
#3b82f8 rgb(59,130,248)
```
#4e8ef9
```
#4e8ef9 rgb(78,142,249)
```
#619af9
```
#619af9 rgb(97,154,249)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#87b2fb
```
#87b2fb rgb(135,178,251)
```
#9abefb
```
#9abefb rgb(154,190,251)
```
#adcafc
```
#adcafc rgb(173,202,252)
```
#c0d6fd
```
#c0d6fd rgb(192,214,253)
```
#d3e3fd
```
#d3e3fd rgb(211,227,253)
```
#e6effe
```
#e6effe rgb(230,239,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#b6b7b8
```
#b6b7b8 rgb(182,183,184)
```
#b1b5bd
```
#b1b5bd rgb(177,181,189)
```
#abb4c3
```
#abb4c3 rgb(171,180,195)
```
#a6b3c8
```
#a6b3c8 rgb(166,179,200)
```
#a0b1ce
```
#a0b1ce rgb(160,177,206)
```
#9bb0d3
```
#9bb0d3 rgb(155,176,211)
```
#95aed9
```
#95aed9 rgb(149,174,217)
```
#90adde
```
#90adde rgb(144,173,222)
```
#8aace4
```
#8aace4 rgb(138,172,228)
```
#85aae9
```
#85aae9 rgb(133,170,233)
```
#7fa9ef
```
#7fa9ef rgb(127,169,239)
```
#7aa7f4
```
#7aa7f4 rgb(122,167,244)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#98a2b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba7f7 Protanopia 1% of men
#7ea9fa Deuteranopia 1% of men
#61b6c3 Tritanopia 0.001% of the population

Trichromacy

#83a6f8 Protanomaly 1% of men, 0.01% of women
#7aa8fa Deuteranomaly 6% of men, 0.4% of women
#68b0d7 Tritanomaly 0.01% of the population

#74a6fa hex color

#74a6fa Color Information

#74a6fa Color Conversion

Color Schemes with #74a6fa

Alternatives to #74a6fa

#74a6fa Preview

Shades and Tints of #74a6fa

Tones of #74a6fa

Color Blindness Simulator