#7aafd4 hex color

In a RGB color space, hex #7aafd4 is composed of 47.8% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 204.7 degrees, a saturation of 51.1% and a lightness of 65.5%. #7aafd4 color hex could be obtained by blending #f4ffff with #005fa9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 69
- B 83
RGB color chart
- C 42
- M 17
- Y 0
- K 17
CMYK color chart

● #7aafd4 color description : Slightly desaturated blue.

The hexadecimal color #7aafd4 has RGB values of R:122, G:175, B:212 and CMYK values of C:0.42, M:0.17, Y:0, K:0.17. Its decimal value is 8040404.

Hex triplet	7aafd4	`#7aafd4`
RGB Decimal	122, 175, 212	`rgb(122,175,212)`
RGB Percent	47.8, 68.6, 83.1	`rgb(47.8%,68.6%,83.1%)`
CMYK	42, 17, 0, 17
HSL	204.7°, 51.1, 65.5	`hsl(204.7,51.1%,65.5%)`
HSV (or HSB)	204.7°, 42.5, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.147, -7.825, -24.199
XYZ	35.237, 39.549, 68.061
xyY	0.247, 0.277, 39.549
CIE-LCH	69.147, 25.433, 252.08
CIE-LUV	69.147, -25.678, -36.728
Hunter-Lab	62.888, -10.039, -20.145
Binary	01111010, 10101111, 11010100

#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#d49f7a
```
#d49f7a rgb(212,159,122)
```

Complementary Color

#7ad4cc
```
#7ad4cc rgb(122,212,204)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#7a82d4
```
#7a82d4 rgb(122,130,212)
```

Analogous Color

#d4cc7a
```
#d4cc7a rgb(212,204,122)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#d47a82
```
#d47a82 rgb(212,122,130)
```

Split Complementary Color

#afd47a
```
#afd47a rgb(175,212,122)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#d47aaf
```
#d47aaf rgb(212,122,175)
```

Triadic Color

#7ad49f
```
#7ad49f rgb(122,212,159)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#d47aaf
```
#d47aaf rgb(212,122,175)
```
#d49f7a
```
#d49f7a rgb(212,159,122)
```

Tetradic Color

#408cc1
```
#408cc1 rgb(64,140,193)
```
#5398c8
```
#5398c8 rgb(83,152,200)
```
#67a3ce
```
#67a3ce rgb(103,163,206)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#8dbbda
```
#8dbbda rgb(141,187,218)
```
#a1c6e0
```
#a1c6e0 rgb(161,198,224)
```
#b4d2e7
```
#b4d2e7 rgb(180,210,231)
```

Monochromatic Color

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

#7ac6d4
```
#7ac6d4 rgb(122,198,212)
```
#7abed4
```
#7abed4 rgb(122,190,212)
```
#7ab7d4
```
#7ab7d4 rgb(122,183,212)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#7aa8d4
```
#7aa8d4 rgb(122,168,212)
```
#7aa0d4
```
#7aa0d4 rgb(122,160,212)
```
#7a99d4
```
#7a99d4 rgb(122,153,212)
```

Similar Colors

Text with hexadecimal color #7aafd4

This text has a font color of #7aafd4.

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

#7aafd4 background color

This paragraph has a background color of #7aafd4.

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

#7aafd4 border color

This element has a border color of #7aafd4.

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

CSS codes

.text {color:#7aafd4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050b0f
```
#050b0f rgb(5,11,15)
```
#0a161e
```
#0a161e rgb(10,22,30)
```
#0f202d
```
#0f202d rgb(15,32,45)
```
#132b3c
```
#132b3c rgb(19,43,60)
```
#18364b
```
#18364b rgb(24,54,75)
```
#1d4059
```
#1d4059 rgb(29,64,89)
```
#224b68
```
#224b68 rgb(34,75,104)
```
#265677
```
#265677 rgb(38,86,119)
```
#2b6186
```
#2b6186 rgb(43,97,134)
```
#306b95
```
#306b95 rgb(48,107,149)
```
#3576a3
```
#3576a3 rgb(53,118,163)
```
#3a81b2
```
#3a81b2 rgb(58,129,178)
```

Shade Color Variation

#3f8bc1
```
#3f8bc1 rgb(63,139,193)
```
#4e94c6
```
#4e94c6 rgb(78,148,198)
```
#5c9dca
```
#5c9dca rgb(92,157,202)
```
#6ba6cf
```
#6ba6cf rgb(107,166,207)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#89b8d9
```
#89b8d9 rgb(137,184,217)
```
#98c1de
```
#98c1de rgb(152,193,222)
```
#a6cae2
```
#a6cae2 rgb(166,202,226)
```
#b5d3e7
```
#b5d3e7 rgb(181,211,231)
```
#c4dcec
```
#c4dcec rgb(196,220,236)
```
#d3e4f1
```
#d3e4f1 rgb(211,228,241)
```
#e2edf6
```
#e2edf6 rgb(226,237,246)
```
#f1f6fa
```
#f1f6fa rgb(241,246,250)
```

Tint Color Variation

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

#a3a8ab
```
#a3a8ab rgb(163,168,171)
```
#9ca9b2
```
#9ca9b2 rgb(156,169,178)
```
#95aab9
```
#95aab9 rgb(149,170,185)
```
#8eabc0
```
#8eabc0 rgb(142,171,192)
```
#88adc6
```
#88adc6 rgb(136,173,198)
```
#81aecd
```
#81aecd rgb(129,174,205)
```
#7aafd4
```
#7aafd4 rgb(122,175,212)
```
#73b0db
```
#73b0db rgb(115,176,219)
```
#6cb1e2
```
#6cb1e2 rgb(108,177,226)
```
#66b3e8
```
#66b3e8 rgb(102,179,232)
```
#5fb4ef
```
#5fb4ef rgb(95,180,239)
```
#58b5f6
```
#58b5f6 rgb(88,181,246)
```
#51b6fd
```
#51b6fd rgb(81,182,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ba5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3abd1 Protanopia 1% of men
#a4aad9 Deuteranopia 1% of men
#7ab6c3 Tritanopia 0.001% of the population

Trichromacy

#94acd2 Protanomaly 1% of men, 0.01% of women
#95acd7 Deuteranomaly 6% of men, 0.4% of women
#7ab3c9 Tritanomaly 0.01% of the population

#7aafd4 hex color

#7aafd4 Color Information

#7aafd4 Color Conversion

Color Schemes with #7aafd4

Alternatives to #7aafd4

#7aafd4 Preview

Shades and Tints of #7aafd4

Tones of #7aafd4

Color Blindness Simulator