#74aefa hex color

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

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

● #74aefa color description : Soft blue.

The hexadecimal color #74aefa has RGB values of R:116, G:174, B:250 and CMYK values of C:0.54, M:0.3, Y:0, K:0.02. Its decimal value is 7646970.

Hex triplet	74aefa	`#74aefa`
RGB Decimal	116, 174, 250	`rgb(116,174,250)`
RGB Percent	45.5, 68.2, 98	`rgb(45.5%,68.2%,98%)`
CMYK	54, 30, 0, 2
HSL	214°, 93.1, 71.8	`hsl(214,93.1%,71.8%)`
HSV (or HSB)	214°, 53.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.095, 2.309, -43.5
XYZ	39.59, 40.885, 96.243
xyY	0.224, 0.231, 40.885
CIE-LCH	70.095, 43.561, 273.038
CIE-LUV	70.095, -27.025, -70.663
Hunter-Lab	63.941, -1.378, -44.482
Binary	01110100, 10101110, 11111010

#74aefa
```
#74aefa rgb(116,174,250)
```
#fac074
```
#fac074 rgb(250,192,116)
```

Complementary Color

#74f1fa
```
#74f1fa rgb(116,241,250)
```
#74aefa
```
#74aefa rgb(116,174,250)
```
#7d74fa
```
#7d74fa rgb(125,116,250)
```

Analogous Color

#f1fa74
```
#f1fa74 rgb(241,250,116)
```
#74aefa
```
#74aefa rgb(116,174,250)
```
#fa7d74
```
#fa7d74 rgb(250,125,116)
```

Split Complementary Color

#aefa74
```
#aefa74 rgb(174,250,116)
```
#74aefa
```
#74aefa rgb(116,174,250)
```
#fa74ae
```
#fa74ae rgb(250,116,174)
```

Triadic Color

#74fac0
```
#74fac0 rgb(116,250,192)
```
#74aefa
```
#74aefa rgb(116,174,250)
```
#fa74ae
```
#fa74ae rgb(250,116,174)
```
#fac074
```
#fac074 rgb(250,192,116)
```

Tetradic Color

#2a83f7
```
#2a83f7 rgb(42,131,247)
```
#4391f8
```
#4391f8 rgb(67,145,248)
```
#5ba0f9
```
#5ba0f9 rgb(91,160,249)
```
#74aefa
```
#74aefa rgb(116,174,250)
```
#8dbcfb
```
#8dbcfb rgb(141,188,251)
```
#a5cbfc
```
#a5cbfc rgb(165,203,252)
```
#bed9fd
```
#bed9fd rgb(190,217,253)
```

Monochromatic Color

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

#74d0fa
```
#74d0fa rgb(116,208,250)
```
#74c4fa
```
#74c4fa rgb(116,196,250)
```
#74b9fa
```
#74b9fa rgb(116,185,250)
```
#74aefa
```
#74aefa rgb(116,174,250)
```
#74a3fa
```
#74a3fa rgb(116,163,250)
```
#7498fa
```
#7498fa rgb(116,152,250)
```
#748dfa
```
#748dfa rgb(116,141,250)
```

Similar Colors

Text with hexadecimal color #74aefa

This text has a font color of #74aefa.

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

#74aefa background color

This paragraph has a background color of #74aefa.

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

#74aefa border color

This element has a border color of #74aefa.

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

CSS codes

.text {color:#74aefa;}

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

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

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

#00060c
```
#00060c rgb(0,6,12)
```
#010e1f
```
#010e1f rgb(1,14,31)
```
#021732
```
#021732 rgb(2,23,50)
```
#021f45
```
#021f45 rgb(2,31,69)
```
#032858
```
#032858 rgb(3,40,88)
```
#04316b
```
#04316b rgb(4,49,107)
```
#05397e
```
#05397e rgb(5,57,126)
```
#054291
```
#054291 rgb(5,66,145)
```
#064aa4
```
#064aa4 rgb(6,74,164)
```
#0753b7
```
#0753b7 rgb(7,83,183)
```
#075bca
```
#075bca rgb(7,91,202)
```
#0864dd
```
#0864dd rgb(8,100,221)
```
#096df0
```
#096df0 rgb(9,109,240)
```

Shade Color Variation

#1577f7
```
#1577f7 rgb(21,119,247)
```
#2882f7
```
#2882f7 rgb(40,130,247)
```
#3b8df8
```
#3b8df8 rgb(59,141,248)
```
#4e98f9
```
#4e98f9 rgb(78,152,249)
```
#61a3f9
```
#61a3f9 rgb(97,163,249)
```
#74aefa
```
#74aefa rgb(116,174,250)
```
#87b9fb
```
#87b9fb rgb(135,185,251)
```
#9ac4fb
```
#9ac4fb rgb(154,196,251)
```
#adcffc
```
#adcffc rgb(173,207,252)
```
#c0dafd
```
#c0dafd rgb(192,218,253)
```
#d3e5fd
```
#d3e5fd rgb(211,229,253)
```
#e6f0fe
```
#e6f0fe rgb(230,240,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 #74aefa is the most saturated one.

#b6b7b8
```
#b6b7b8 rgb(182,183,184)
```
#b1b6bd
```
#b1b6bd rgb(177,182,189)
```
#abb5c3
```
#abb5c3 rgb(171,181,195)
```
#a6b5c8
```
#a6b5c8 rgb(166,181,200)
```
#a0b4ce
```
#a0b4ce rgb(160,180,206)
```
#9bb3d3
```
#9bb3d3 rgb(155,179,211)
```
#95b2d9
```
#95b2d9 rgb(149,178,217)
```
#90b2de
```
#90b2de rgb(144,178,222)
```
#8ab1e4
```
#8ab1e4 rgb(138,177,228)
```
#85b0e9
```
#85b0e9 rgb(133,176,233)
```
#7fafef
```
#7fafef rgb(127,175,239)
```
#7aaff4
```
#7aaff4 rgb(122,175,244)
```
#74aefa
```
#74aefa rgb(116,174,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ba7b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95adf6 Protanopia 1% of men
#8baefb Deuteranopia 1% of men
#64bcc9 Tritanopia 0.001% of the population

Trichromacy

#89adf7 Protanomaly 1% of men, 0.01% of women
#82aefb Deuteranomaly 6% of men, 0.4% of women
#6ab7db Tritanomaly 0.01% of the population

#74aefa hex color

#74aefa Color Information

#74aefa Color Conversion

Color Schemes with #74aefa

Alternatives to #74aefa

#74aefa Preview

Shades and Tints of #74aefa

Tones of #74aefa

Color Blindness Simulator