#7aafdf hex color

In a RGB color space, hex #7aafdf is composed of 47.8% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 208.5 degrees, a saturation of 61.2% and a lightness of 67.6%. #7aafdf color hex could be obtained by blending #f4ffff with #005fbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 69
- B 87
RGB color chart
- C 45
- M 22
- Y 0
- K 13
CMYK color chart

● #7aafdf color description : Soft blue.

The hexadecimal color #7aafdf has RGB values of R:122, G:175, B:223 and CMYK values of C:0.45, M:0.22, Y:0, K:0.13. Its decimal value is 8040415.

Hex triplet	7aafdf	`#7aafdf`
RGB Decimal	122, 175, 223	`rgb(122,175,223)`
RGB Percent	47.8, 68.6, 87.5	`rgb(47.8%,68.6%,87.5%)`
CMYK	45, 22, 0, 13
HSL	208.5°, 61.2, 67.6	`hsl(208.5,61.2%,67.6%)`
HSV (or HSB)	208.5°, 45.3, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.557, -4.781, -29.603
XYZ	36.672, 40.123, 75.62
xyY	0.241, 0.263, 40.123
CIE-LCH	69.557, 29.986, 260.826
CIE-LUV	69.557, -25.62, -46.164
Hunter-Lab	63.343, -7.509, -26.441
Binary	01111010, 10101111, 11011111

#7aafdf
```
#7aafdf rgb(122,175,223)
```
#dfaa7a
```
#dfaa7a rgb(223,170,122)
```

Complementary Color

#7adfdd
```
#7adfdd rgb(122,223,221)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#7a7ddf
```
#7a7ddf rgb(122,125,223)
```

Analogous Color

#dfdd7a
```
#dfdd7a rgb(223,221,122)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#df7a7d
```
#df7a7d rgb(223,122,125)
```

Split Complementary Color

#afdf7a
```
#afdf7a rgb(175,223,122)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#df7aaf
```
#df7aaf rgb(223,122,175)
```

Triadic Color

#7adfaa
```
#7adfaa rgb(122,223,170)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#df7aaf
```
#df7aaf rgb(223,122,175)
```
#dfaa7a
```
#dfaa7a rgb(223,170,122)
```

Tetradic Color

#3c8ad0
```
#3c8ad0 rgb(60,138,208)
```
#5196d5
```
#5196d5 rgb(81,150,213)
```
#65a3da
```
#65a3da rgb(101,163,218)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#8fbbe4
```
#8fbbe4 rgb(143,187,228)
```
#a3c8e9
```
#a3c8e9 rgb(163,200,233)
```
#b8d4ee
```
#b8d4ee rgb(184,212,238)
```

Monochromatic Color

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

#7ac8df
```
#7ac8df rgb(122,200,223)
```
#7ac0df
```
#7ac0df rgb(122,192,223)
```
#7ab7df
```
#7ab7df rgb(122,183,223)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#7aa7df
```
#7aa7df rgb(122,167,223)
```
#7a9edf
```
#7a9edf rgb(122,158,223)
```
#7a96df
```
#7a96df rgb(122,150,223)
```

Similar Colors

Text with hexadecimal color #7aafdf

This text has a font color of #7aafdf.

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

#7aafdf background color

This paragraph has a background color of #7aafdf.

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

#7aafdf border color

This element has a border color of #7aafdf.

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

CSS codes

.text {color:#7aafdf;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#061019
```
#061019 rgb(6,16,25)
```
#0a1a29
```
#0a1a29 rgb(10,26,41)
```
#0e2439
```
#0e2439 rgb(14,36,57)
```
#112e49
```
#112e49 rgb(17,46,73)
```
#153858
```
#153858 rgb(21,56,88)
```
#194368
```
#194368 rgb(25,67,104)
```
#1d4d78
```
#1d4d78 rgb(29,77,120)
```
#215788
```
#215788 rgb(33,87,136)
```
#246198
```
#246198 rgb(36,97,152)
```
#286ba7
```
#286ba7 rgb(40,107,167)
```
#2c75b7
```
#2c75b7 rgb(44,117,183)
```
#307fc7
```
#307fc7 rgb(48,127,199)
```

Shade Color Variation

#3b89d0
```
#3b89d0 rgb(59,137,208)
```
#4b92d4
```
#4b92d4 rgb(75,146,212)
```
#5a9cd7
```
#5a9cd7 rgb(90,156,215)
```
#6aa5db
```
#6aa5db rgb(106,165,219)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#8ab9e3
```
#8ab9e3 rgb(138,185,227)
```
#9ac2e7
```
#9ac2e7 rgb(154,194,231)
```
#a9ccea
```
#a9ccea rgb(169,204,234)
```
#b9d5ee
```
#b9d5ee rgb(185,213,238)
```
#c9dff2
```
#c9dff2 rgb(201,223,242)
```
#d9e8f6
```
#d9e8f6 rgb(217,232,246)
```
#e9f2fa
```
#e9f2fa rgb(233,242,250)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#a6adb3
```
#a6adb3 rgb(166,173,179)
```
#a0adb9
```
#a0adb9 rgb(160,173,185)
```
#9aadbf
```
#9aadbf rgb(154,173,191)
```
#93aec6
```
#93aec6 rgb(147,174,198)
```
#8daecc
```
#8daecc rgb(141,174,204)
```
#87aed2
```
#87aed2 rgb(135,174,210)
```
#80afd9
```
#80afd9 rgb(128,175,217)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#74afe5
```
#74afe5 rgb(116,175,229)
```
#6db0ec
```
#6db0ec rgb(109,176,236)
```
#67b0f2
```
#67b0f2 rgb(103,176,242)
```
#61b0f8
```
#61b0f8 rgb(97,176,248)
```
#5ab1ff
```
#5ab1ff rgb(90,177,255)
```

Tone Color Variation

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

Dichromacy

#a0acdc Protanopia 1% of men
#9fabe3 Deuteranopia 1% of men
#76b8c5 Tritanopia 0.001% of the population

Trichromacy

#92addd Protanomaly 1% of men, 0.01% of women
#91ade1 Deuteranomaly 6% of men, 0.4% of women
#78b4ce Tritanomaly 0.01% of the population

#7aafdf hex color

#7aafdf Color Information

#7aafdf Color Conversion

Color Schemes with #7aafdf

Alternatives to #7aafdf

#7aafdf Preview

Shades and Tints of #7aafdf

Tones of #7aafdf

Color Blindness Simulator