#74a9fa hex color

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

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

● #74a9fa color description : Soft blue.

The hexadecimal color #74a9fa has RGB values of R:116, G:169, B:250 and CMYK values of C:0.54, M:0.32, Y:0, K:0.02. Its decimal value is 7645690.

Hex triplet	74a9fa	`#74a9fa`
RGB Decimal	116, 169, 250	`rgb(116,169,250)`
RGB Percent	45.5, 66.3, 98	`rgb(45.5%,66.3%,98%)`
CMYK	54, 32, 0, 2
HSL	216.3°, 93.1, 71.8	`hsl(216.3,93.1%,71.8%)`
HSV (or HSB)	216.3°, 53.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.743, 5.132, -45.621
XYZ	38.642, 38.989, 95.927
xyY	0.223, 0.225, 38.989
CIE-LCH	68.743, 45.908, 276.418
CIE-LUV	68.743, -25.219, -74.409
Hunter-Lab	62.441, 1.193, -47.377
Binary	01110100, 10101001, 11111010

#74a9fa
```
#74a9fa rgb(116,169,250)
```
#fac574
```
#fac574 rgb(250,197,116)
```

Complementary Color

#74ecfa
```
#74ecfa rgb(116,236,250)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```
#8274fa
```
#8274fa rgb(130,116,250)
```

Analogous Color

#ecfa74
```
#ecfa74 rgb(236,250,116)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```
#fa8274
```
#fa8274 rgb(250,130,116)
```

Split Complementary Color

#a9fa74
```
#a9fa74 rgb(169,250,116)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```
#fa74a9
```
#fa74a9 rgb(250,116,169)
```

Triadic Color

#74fac5
```
#74fac5 rgb(116,250,197)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```
#fa74a9
```
#fa74a9 rgb(250,116,169)
```
#fac574
```
#fac574 rgb(250,197,116)
```

Tetradic Color

#2a7bf7
```
#2a7bf7 rgb(42,123,247)
```
#438bf8
```
#438bf8 rgb(67,139,248)
```
#5b9af9
```
#5b9af9 rgb(91,154,249)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```
#8db8fb
```
#8db8fb rgb(141,184,251)
```
#a5c7fc
```
#a5c7fc rgb(165,199,252)
```
#bed7fd
```
#bed7fd rgb(190,215,253)
```

Monochromatic Color

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

#74cbfa
```
#74cbfa rgb(116,203,250)
```
#74bffa
```
#74bffa rgb(116,191,250)
```
#74b4fa
```
#74b4fa rgb(116,180,250)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```
#749efa
```
#749efa rgb(116,158,250)
```
#7493fa
```
#7493fa rgb(116,147,250)
```
#7488fa
```
#7488fa rgb(116,136,250)
```

Similar Colors

Text with hexadecimal color #74a9fa

This text has a font color of #74a9fa.

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

#74a9fa background color

This paragraph has a background color of #74a9fa.

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

#74a9fa border color

This element has a border color of #74a9fa.

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

CSS codes

.text {color:#74a9fa;}

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

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

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)
```
#010d1f
```
#010d1f rgb(1,13,31)
```
#021532
```
#021532 rgb(2,21,50)
```
#021d45
```
#021d45 rgb(2,29,69)
```
#032558
```
#032558 rgb(3,37,88)
```
#042d6b
```
#042d6b rgb(4,45,107)
```
#05357e
```
#05357e rgb(5,53,126)
```
#053d91
```
#053d91 rgb(5,61,145)
```
#0644a4
```
#0644a4 rgb(6,68,164)
```
#074cb7
```
#074cb7 rgb(7,76,183)
```
#0754ca
```
#0754ca rgb(7,84,202)
```
#085cdd
```
#085cdd rgb(8,92,221)
```
#0964f0
```
#0964f0 rgb(9,100,240)
```

Shade Color Variation

#156ef7
```
#156ef7 rgb(21,110,247)
```
#287af7
```
#287af7 rgb(40,122,247)
```
#3b86f8
```
#3b86f8 rgb(59,134,248)
```
#4e92f9
```
#4e92f9 rgb(78,146,249)
```
#619df9
```
#619df9 rgb(97,157,249)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```
#87b5fb
```
#87b5fb rgb(135,181,251)
```
#9ac0fb
```
#9ac0fb rgb(154,192,251)
```
#adccfc
```
#adccfc rgb(173,204,252)
```
#c0d8fd
```
#c0d8fd rgb(192,216,253)
```
#d3e4fd
```
#d3e4fd rgb(211,228,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 #74a9fa is the most saturated one.

#b6b7b8
```
#b6b7b8 rgb(182,183,184)
```
#b1b6bd
```
#b1b6bd rgb(177,182,189)
```
#abb5c3
```
#abb5c3 rgb(171,181,195)
```
#a6b3c8
```
#a6b3c8 rgb(166,179,200)
```
#a0b2ce
```
#a0b2ce rgb(160,178,206)
```
#9bb1d3
```
#9bb1d3 rgb(155,177,211)
```
#95b0d9
```
#95b0d9 rgb(149,176,217)
```
#90afde
```
#90afde rgb(144,175,222)
```
#8aaee4
```
#8aaee4 rgb(138,174,228)
```
#85ace9
```
#85ace9 rgb(133,172,233)
```
#7fabef
```
#7fabef rgb(127,171,239)
```
#7aaaf4
```
#7aaaf4 rgb(122,170,244)
```
#74a9fa
```
#74a9fa rgb(116,169,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#99a3b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa9f7 Protanopia 1% of men
#83abfa Deuteranopia 1% of men
#62b8c5 Tritanopia 0.001% of the population

Trichromacy

#85a9f8 Protanomaly 1% of men, 0.01% of women
#7daafa Deuteranomaly 6% of men, 0.4% of women
#68b2d8 Tritanomaly 0.01% of the population

#74a9fa hex color

#74a9fa Color Information

#74a9fa Color Conversion

Color Schemes with #74a9fa

Alternatives to #74a9fa

#74a9fa Preview

Shades and Tints of #74a9fa

Tones of #74a9fa

Color Blindness Simulator