colorhexa.com

#7faad6 hex color

In a RGB color space, hex #7faad6 is composed of 49.8% red, 66.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 20.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 210.3 degrees, a saturation of 51.5% and a lightness of 66.9%. #7faad6 color hex could be obtained by blending #feffff with #0055ad. Closest websafe color is: #6699cc.

- R 50
- G 67
- B 84
RGB color chart
- C 41
- M 21
- Y 0
- K 16
CMYK color chart

● #7faad6 color description : Slightly desaturated blue.

The hexadecimal color #7faad6 has RGB values of R:127, G:170, B:214 and CMYK values of C:0.41, M:0.21, Y:0, K:0.16. Its decimal value is 8366806.

Hex triplet	7faad6	`#7faad6`
RGB Decimal	127, 170, 214	`rgb(127,170,214)`
RGB Percent	49.8, 66.7, 83.9	`rgb(49.8%,66.7%,83.9%)`
CMYK	41, 21, 0, 16
HSL	210.3°, 51.5, 66.9	`hsl(210.3,51.5%,66.9%)`
HSV (or HSB)	210.3°, 40.7, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.105, -3.249, -26.873
XYZ	35.262, 38.115, 69.114
xyY	0.247, 0.267, 38.115
CIE-LCH	68.105, 27.069, 263.107
CIE-LUV	68.105, -21.809, -41.689
Hunter-Lab	61.737, -6.088, -23.158
Binary	01111111, 10101010, 11010110

#7faad6
```
#7faad6 rgb(127,170,214)
```
#d6ab7f
```
#d6ab7f rgb(214,171,127)
```

Complementary Color

#7fd6d6
```
#7fd6d6 rgb(127,214,214)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#807fd6
```
#807fd6 rgb(128,127,214)
```

Analogous Color

#d6d67f
```
#d6d67f rgb(214,214,127)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#d6807f
```
#d6807f rgb(214,128,127)
```

Split Complementary Color

#aad67f
```
#aad67f rgb(170,214,127)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#d67faa
```
#d67faa rgb(214,127,170)
```

Triadic Color

#7fd6ab
```
#7fd6ab rgb(127,214,171)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#d67faa
```
#d67faa rgb(214,127,170)
```
#d6ab7f
```
#d6ab7f rgb(214,171,127)
```

Tetradic Color

#4584c3
```
#4584c3 rgb(69,132,195)
```
#5890ca
```
#5890ca rgb(88,144,202)
```
#6c9dd0
```
#6c9dd0 rgb(108,157,208)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#92b7dc
```
#92b7dc rgb(146,183,220)
```
#a6c4e2
```
#a6c4e2 rgb(166,196,226)
```
#b9d0e9
```
#b9d0e9 rgb(185,208,233)
```

Monochromatic Color

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

#7fc0d6
```
#7fc0d6 rgb(127,192,214)
```
#7fb9d6
```
#7fb9d6 rgb(127,185,214)
```
#7fb1d6
```
#7fb1d6 rgb(127,177,214)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#7fa3d6
```
#7fa3d6 rgb(127,163,214)
```
#7f9cd6
```
#7f9cd6 rgb(127,156,214)
```
#7f94d6
```
#7f94d6 rgb(127,148,214)
```

Similar Colors

Text with hexadecimal color #7faad6

This text has a font color of #7faad6.

<span style="color:#7faad6;">Text here</span>

#7faad6 background color

This paragraph has a background color of #7faad6.

<p style="background-color:#7faad6;">Content here</p>

#7faad6 border color

This element has a border color of #7faad6.

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

CSS codes

.text {color:#7faad6;}

.background {background-color:#7faad6;}

.border {border:1px solid #7faad6;}

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, #020406 is the darkest color, while #f6f9fc is the lightest one.

#020406
```
#020406 rgb(2,4,6)
```
#070d15
```
#070d15 rgb(7,13,21)
```
#0b1723
```
#0b1723 rgb(11,23,35)
```
#102132
```
#102132 rgb(16,33,50)
```
#152b41
```
#152b41 rgb(21,43,65)
```
#1a3450
```
#1a3450 rgb(26,52,80)
```
#1e3e5f
```
#1e3e5f rgb(30,62,95)
```
#23486e
```
#23486e rgb(35,72,110)
```
#28527d
```
#28527d rgb(40,82,125)
```
#2d5b8b
```
#2d5b8b rgb(45,91,139)
```
#31659a
```
#31659a rgb(49,101,154)
```
#366fa9
```
#366fa9 rgb(54,111,169)
```
#3b79b8
```
#3b79b8 rgb(59,121,184)
```

Shade Color Variation

#4483c3
```
#4483c3 rgb(68,131,195)
```
#528cc8
```
#528cc8 rgb(82,140,200)
```
#6196cc
```
#6196cc rgb(97,150,204)
```
#70a0d1
```
#70a0d1 rgb(112,160,209)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#8eb4db
```
#8eb4db rgb(142,180,219)
```
#9dbee0
```
#9dbee0 rgb(157,190,224)
```
#acc8e4
```
#acc8e4 rgb(172,200,228)
```
#bad1e9
```
#bad1e9 rgb(186,209,233)
```
#c9dbee
```
#c9dbee rgb(201,219,238)
```
#d8e5f3
```
#d8e5f3 rgb(216,229,243)
```
#e7eff7
```
#e7eff7 rgb(231,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#a6aaaf
```
#a6aaaf rgb(166,170,175)
```
#a0aab6
```
#a0aab6 rgb(160,170,182)
```
#99aabc
```
#99aabc rgb(153,170,188)
```
#93aac3
```
#93aac3 rgb(147,170,195)
```
#8caac9
```
#8caac9 rgb(140,170,201)
```
#86aad0
```
#86aad0 rgb(134,170,208)
```
#7faad6
```
#7faad6 rgb(127,170,214)
```
#79aadd
```
#79aadd rgb(121,170,221)
```
#72aae3
```
#72aae3 rgb(114,170,227)
```
#6caaea
```
#6caaea rgb(108,170,234)
```
#65aaf0
```
#65aaf0 rgb(101,170,240)
```
#5faaf7
```
#5faaf7 rgb(95,170,247)
```
#58aafd
```
#58aafd rgb(88,170,253)
```

Tone Color Variation

Below, you can see how #7faad6 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
#9ba4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea8d4 Protanopia 1% of men
#9ea8da Deuteranopia 1% of men
#7db2bf Tritanopia 0.001% of the population

Trichromacy

#93a9d5 Protanomaly 1% of men, 0.01% of women
#93a8d8 Deuteranomaly 6% of men, 0.4% of women
#7eafc7 Tritanomaly 0.01% of the population