#74a5fa hex color

In a RGB color space, hex #74a5fa is composed of 45.5% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 218.1 degrees, a saturation of 93.1% and a lightness of 71.8%. #74a5fa color hex could be obtained by blending #e8ffff with #004bf5. 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

● #74a5fa color description : Soft blue.

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

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

CIE-LAB	67.668, 7.411, -47.312
XYZ	37.909, 37.523, 95.682
xyY	0.222, 0.219, 37.523
CIE-LCH	67.668, 47.889, 278.903
CIE-LUV	67.668, -23.788, -77.367
Hunter-Lab	61.256, 3.268, -49.731
Binary	01110100, 10100101, 11111010

#74a5fa
```
#74a5fa rgb(116,165,250)
```
#fac974
```
#fac974 rgb(250,201,116)
```

Complementary Color

#74e8fa
```
#74e8fa rgb(116,232,250)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```
#8674fa
```
#8674fa rgb(134,116,250)
```

Analogous Color

#e8fa74
```
#e8fa74 rgb(232,250,116)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```
#fa8674
```
#fa8674 rgb(250,134,116)
```

Split Complementary Color

#a5fa74
```
#a5fa74 rgb(165,250,116)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```
#fa74a5
```
#fa74a5 rgb(250,116,165)
```

Triadic Color

#74fac9
```
#74fac9 rgb(116,250,201)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```
#fa74a5
```
#fa74a5 rgb(250,116,165)
```
#fac974
```
#fac974 rgb(250,201,116)
```

Tetradic Color

#2a75f7
```
#2a75f7 rgb(42,117,247)
```
#4385f8
```
#4385f8 rgb(67,133,248)
```
#5b95f9
```
#5b95f9 rgb(91,149,249)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```
#8db5fb
```
#8db5fb rgb(141,181,251)
```
#a5c5fc
```
#a5c5fc rgb(165,197,252)
```
#bed5fd
```
#bed5fd rgb(190,213,253)
```

Monochromatic Color

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

#74c7fa
```
#74c7fa rgb(116,199,250)
```
#74bbfa
```
#74bbfa rgb(116,187,250)
```
#74b0fa
```
#74b0fa rgb(116,176,250)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```
#749afa
```
#749afa rgb(116,154,250)
```
#748ffa
```
#748ffa rgb(116,143,250)
```
#7484fa
```
#7484fa rgb(116,132,250)
```

Similar Colors

Text with hexadecimal color #74a5fa

This text has a font color of #74a5fa.

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

#74a5fa background color

This paragraph has a background color of #74a5fa.

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

#74a5fa border color

This element has a border color of #74a5fa.

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

CSS codes

.text {color:#74a5fa;}

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

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

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)
```
#032258
```
#032258 rgb(3,34,88)
```
#042a6b
```
#042a6b rgb(4,42,107)
```
#05317e
```
#05317e rgb(5,49,126)
```
#053891
```
#053891 rgb(5,56,145)
```
#0640a4
```
#0640a4 rgb(6,64,164)
```
#0747b7
```
#0747b7 rgb(7,71,183)
```
#074eca
```
#074eca rgb(7,78,202)
```
#0856dd
```
#0856dd rgb(8,86,221)
```
#095df0
```
#095df0 rgb(9,93,240)
```

Shade Color Variation

#1568f7
```
#1568f7 rgb(21,104,247)
```
#2874f7
```
#2874f7 rgb(40,116,247)
```
#3b80f8
```
#3b80f8 rgb(59,128,248)
```
#4e8cf9
```
#4e8cf9 rgb(78,140,249)
```
#6199f9
```
#6199f9 rgb(97,153,249)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```
#87b1fb
```
#87b1fb rgb(135,177,251)
```
#9abefb
```
#9abefb rgb(154,190,251)
```
#adcafc
```
#adcafc rgb(173,202,252)
```
#c0d6fd
```
#c0d6fd rgb(192,214,253)
```
#d3e2fd
```
#d3e2fd rgb(211,226,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 #74a5fa is the most saturated one.

#b6b7b8
```
#b6b7b8 rgb(182,183,184)
```
#b1b5bd
```
#b1b5bd rgb(177,181,189)
```
#abb4c3
```
#abb4c3 rgb(171,180,195)
```
#a6b2c8
```
#a6b2c8 rgb(166,178,200)
```
#a0b1ce
```
#a0b1ce rgb(160,177,206)
```
#9bafd3
```
#9bafd3 rgb(155,175,211)
```
#95aed9
```
#95aed9 rgb(149,174,217)
```
#90acde
```
#90acde rgb(144,172,222)
```
#8aabe4
```
#8aabe4 rgb(138,171,228)
```
#85a9e9
```
#85a9e9 rgb(133,169,233)
```
#7fa8ef
```
#7fa8ef rgb(127,168,239)
```
#7aa6f4
```
#7aa6f4 rgb(122,166,244)
```
#74a5fa
```
#74a5fa rgb(116,165,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#97a1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa6f8 Protanopia 1% of men
#7da9fa Deuteranopia 1% of men
#61b5c2 Tritanopia 0.001% of the population

Trichromacy

#82a6f8 Protanomaly 1% of men, 0.01% of women
#79a7fa Deuteranomaly 6% of men, 0.4% of women
#68afd6 Tritanomaly 0.01% of the population

#74a5fa hex color

#74a5fa Color Information

#74a5fa Color Conversion

Color Schemes with #74a5fa

Alternatives to #74a5fa

#74a5fa Preview

Shades and Tints of #74a5fa

Tones of #74a5fa

Color Blindness Simulator