#7aafda hex color

In a RGB color space, hex #7aafda is composed of 47.8% red, 68.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 19.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 206.9 degrees, a saturation of 56.5% and a lightness of 66.7%. #7aafda color hex could be obtained by blending #f4ffff with #005fb5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 69
- B 85
RGB color chart
- C 44
- M 20
- Y 0
- K 15
CMYK color chart

● #7aafda color description : Very soft blue.

The hexadecimal color #7aafda has RGB values of R:122, G:175, B:218 and CMYK values of C:0.44, M:0.2, Y:0, K:0.15. Its decimal value is 8040410.

Hex triplet	7aafda	`#7aafda`
RGB Decimal	122, 175, 218	`rgb(122,175,218)`
RGB Percent	47.8, 68.6, 85.5	`rgb(47.8%,68.6%,85.5%)`
CMYK	44, 20, 0, 15
HSL	206.9°, 56.5, 66.7	`hsl(206.9,56.5%,66.7%)`
HSV (or HSB)	206.9°, 44, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.368, -6.176, -27.154
XYZ	36.008, 39.858, 72.122
xyY	0.243, 0.269, 39.858
CIE-LCH	69.368, 27.848, 257.187
CIE-LUV	69.368, -25.645, -41.872
Hunter-Lab	63.133, -8.675, -23.538
Binary	01111010, 10101111, 11011010

#7aafda
```
#7aafda rgb(122,175,218)
```
#daa57a
```
#daa57a rgb(218,165,122)
```

Complementary Color

#7adad5
```
#7adad5 rgb(122,218,213)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#7a7fda
```
#7a7fda rgb(122,127,218)
```

Analogous Color

#dad57a
```
#dad57a rgb(218,213,122)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#da7a7f
```
#da7a7f rgb(218,122,127)
```

Split Complementary Color

#afda7a
```
#afda7a rgb(175,218,122)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#da7aaf
```
#da7aaf rgb(218,122,175)
```

Triadic Color

#7adaa5
```
#7adaa5 rgb(122,218,165)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#da7aaf
```
#da7aaf rgb(218,122,175)
```
#daa57a
```
#daa57a rgb(218,165,122)
```

Tetradic Color

#3e8bc9
```
#3e8bc9 rgb(62,139,201)
```
#5297cf
```
#5297cf rgb(82,151,207)
```
#66a3d4
```
#66a3d4 rgb(102,163,212)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#8ebbe0
```
#8ebbe0 rgb(142,187,224)
```
#a2c7e5
```
#a2c7e5 rgb(162,199,229)
```
#b6d3eb
```
#b6d3eb rgb(182,211,235)
```

Monochromatic Color

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

#7ac7da
```
#7ac7da rgb(122,199,218)
```
#7abfda
```
#7abfda rgb(122,191,218)
```
#7ab7da
```
#7ab7da rgb(122,183,218)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#7aa7da
```
#7aa7da rgb(122,167,218)
```
#7a9fda
```
#7a9fda rgb(122,159,218)
```
#7a97da
```
#7a97da rgb(122,151,218)
```

Similar Colors

Text with hexadecimal color #7aafda

This text has a font color of #7aafda.

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

#7aafda background color

This paragraph has a background color of #7aafda.

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

#7aafda border color

This element has a border color of #7aafda.

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

CSS codes

.text {color:#7aafda;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#060e14
```
#060e14 rgb(6,14,20)
```
#0a1824
```
#0a1824 rgb(10,24,36)
```
#0e2333
```
#0e2333 rgb(14,35,51)
```
#132d42
```
#132d42 rgb(19,45,66)
```
#173752
```
#173752 rgb(23,55,82)
```
#1b4261
```
#1b4261 rgb(27,66,97)
```
#1f4c71
```
#1f4c71 rgb(31,76,113)
```
#245780
```
#245780 rgb(36,87,128)
```
#28618f
```
#28618f rgb(40,97,143)
```
#2c6b9f
```
#2c6b9f rgb(44,107,159)
```
#3076ae
```
#3076ae rgb(48,118,174)
```
#3580bd
```
#3580bd rgb(53,128,189)
```

Shade Color Variation

#3d8ac9
```
#3d8ac9 rgb(61,138,201)
```
#4c93cd
```
#4c93cd rgb(76,147,205)
```
#5b9dd1
```
#5b9dd1 rgb(91,157,209)
```
#6ba6d6
```
#6ba6d6 rgb(107,166,214)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#89b8de
```
#89b8de rgb(137,184,222)
```
#99c1e3
```
#99c1e3 rgb(153,193,227)
```
#a8cbe7
```
#a8cbe7 rgb(168,203,231)
```
#b7d4eb
```
#b7d4eb rgb(183,212,235)
```
#c7ddef
```
#c7ddef rgb(199,221,239)
```
#d6e6f4
```
#d6e6f4 rgb(214,230,244)
```
#e5f0f8
```
#e5f0f8 rgb(229,240,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

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

#a8aaac
```
#a8aaac rgb(168,170,172)
```
#a1abb3
```
#a1abb3 rgb(161,171,179)
```
#9bacb9
```
#9bacb9 rgb(155,172,185)
```
#94acc0
```
#94acc0 rgb(148,172,192)
```
#8eadc6
```
#8eadc6 rgb(142,173,198)
```
#87aecd
```
#87aecd rgb(135,174,205)
```
#81aed3
```
#81aed3 rgb(129,174,211)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#73b0e1
```
#73b0e1 rgb(115,176,225)
```
#6db0e7
```
#6db0e7 rgb(109,176,231)
```
#66b1ee
```
#66b1ee rgb(102,177,238)
```
#60b2f4
```
#60b2f4 rgb(96,178,244)
```
#59b2fb
```
#59b2fb rgb(89,178,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ca6af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2acd7 Protanopia 1% of men
#a1abde Deuteranopia 1% of men
#78b7c4 Tritanopia 0.001% of the population

Trichromacy

#93add8 Protanomaly 1% of men, 0.01% of women
#93acdd Deuteranomaly 6% of men, 0.4% of women
#79b4cc Tritanomaly 0.01% of the population

#7aafda hex color

#7aafda Color Information

#7aafda Color Conversion

Color Schemes with #7aafda

Alternatives to #7aafda

#7aafda Preview

Shades and Tints of #7aafda

Tones of #7aafda

Color Blindness Simulator