#7aaafd hex color

In a RGB color space, hex #7aaafd is composed of 47.8% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 218 degrees, a saturation of 97% and a lightness of 73.5%. #7aaafd color hex could be obtained by blending #f4ffff with #0055fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 67
- B 99
RGB color chart
- C 52
- M 33
- Y 0
- K 1
CMYK color chart

● #7aaafd color description : Soft blue.

The hexadecimal color #7aaafd has RGB values of R:122, G:170, B:253 and CMYK values of C:0.52, M:0.33, Y:0, K:0.01. Its decimal value is 8039165.

Hex triplet	7aaafd	`#7aaafd`
RGB Decimal	122, 170, 253	`rgb(122,170,253)`
RGB Percent	47.8, 66.7, 99.2	`rgb(47.8%,66.7%,99.2%)`
CMYK	52, 33, 0, 1
HSL	218°, 97, 73.5	`hsl(218,97%,73.5%)`
HSV (or HSB)	218°, 51.8, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.453, 6.757, -46.113
XYZ	40.126, 39.977, 98.525
xyY	0.225, 0.224, 39.977
CIE-LCH	69.453, 46.605, 278.336
CIE-LUV	69.453, -23.693, -75.552
Hunter-Lab	63.227, 2.635, -48.131
Binary	01111010, 10101010, 11111101

#7aaafd
```
#7aaafd rgb(122,170,253)
```
#fdcd7a
```
#fdcd7a rgb(253,205,122)
```

Complementary Color

#7aecfd
```
#7aecfd rgb(122,236,253)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```
#8c7afd
```
#8c7afd rgb(140,122,253)
```

Analogous Color

#ecfd7a
```
#ecfd7a rgb(236,253,122)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```
#fd8c7a
```
#fd8c7a rgb(253,140,122)
```

Split Complementary Color

#aafd7a
```
#aafd7a rgb(170,253,122)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```
#fd7aaa
```
#fd7aaa rgb(253,122,170)
```

Triadic Color

#7afdcd
```
#7afdcd rgb(122,253,205)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```
#fd7aaa
```
#fd7aaa rgb(253,122,170)
```
#fdcd7a
```
#fdcd7a rgb(253,205,122)
```

Tetradic Color

#2f7afc
```
#2f7afc rgb(47,122,252)
```
#488afc
```
#488afc rgb(72,138,252)
```
#619afd
```
#619afd rgb(97,154,253)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```
#93bafd
```
#93bafd rgb(147,186,253)
```
#accafe
```
#accafe rgb(172,202,254)
```
#c5dafe
```
#c5dafe rgb(197,218,254)
```

Monochromatic Color

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

#7acbfd
```
#7acbfd rgb(122,203,253)
```
#7ac0fd
```
#7ac0fd rgb(122,192,253)
```
#7ab5fd
```
#7ab5fd rgb(122,181,253)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```
#7a9ffd
```
#7a9ffd rgb(122,159,253)
```
#7a94fd
```
#7a94fd rgb(122,148,253)
```
#7a89fd
```
#7a89fd rgb(122,137,253)
```

Similar Colors

Text with hexadecimal color #7aaafd

This text has a font color of #7aaafd.

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

#7aaafd background color

This paragraph has a background color of #7aaafd.

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

#7aaafd border color

This element has a border color of #7aaafd.

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

CSS codes

.text {color:#7aaafd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000816
```
#000816 rgb(0,8,22)
```
#010f29
```
#010f29 rgb(1,15,41)
```
#01173c
```
#01173c rgb(1,23,60)
```
#011e50
```
#011e50 rgb(1,30,80)
```
#012563
```
#012563 rgb(1,37,99)
```
#022c76
```
#022c76 rgb(2,44,118)
```
#02348a
```
#02348a rgb(2,52,138)
```
#023b9d
```
#023b9d rgb(2,59,157)
```
#0342b0
```
#0342b0 rgb(3,66,176)
```
#034ac4
```
#034ac4 rgb(3,74,196)
```
#0351d7
```
#0351d7 rgb(3,81,215)
```
#0458ea
```
#0458ea rgb(4,88,234)
```

Shade Color Variation

#0660fb
```
#0660fb rgb(6,96,251)
```
#196cfc
```
#196cfc rgb(25,108,252)
```
#2d79fc
```
#2d79fc rgb(45,121,252)
```
#4085fc
```
#4085fc rgb(64,133,252)
```
#5391fc
```
#5391fc rgb(83,145,252)
```
#679efd
```
#679efd rgb(103,158,253)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```
#8db6fd
```
#8db6fd rgb(141,182,253)
```
#a1c3fe
```
#a1c3fe rgb(161,195,254)
```
#b4cffe
```
#b4cffe rgb(180,207,254)
```
#c7dbfe
```
#c7dbfe rgb(199,219,254)
```
#dbe8fe
```
#dbe8fe rgb(219,232,254)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```

Tint Color Variation

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

#b8bbbf
```
#b8bbbf rgb(184,187,191)
```
#b3b9c4
```
#b3b9c4 rgb(179,185,196)
```
#aeb8c9
```
#aeb8c9 rgb(174,184,201)
```
#a9b6ce
```
#a9b6ce rgb(169,182,206)
```
#a4b5d3
```
#a4b5d3 rgb(164,181,211)
```
#9eb4d9
```
#9eb4d9 rgb(158,180,217)
```
#99b2de
```
#99b2de rgb(153,178,222)
```
#94b1e3
```
#94b1e3 rgb(148,177,227)
```
#8fb0e8
```
#8fb0e8 rgb(143,176,232)
```
#8aaeed
```
#8aaeed rgb(138,174,237)
```
#84adf3
```
#84adf3 rgb(132,173,243)
```
#7fabf8
```
#7fabf8 rgb(127,171,248)
```
#7aaafd
```
#7aaafd rgb(122,170,253)
```

Tone Color Variation

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

Dichromacy

#90abfa Protanopia 1% of men
#85adfd Deuteranopia 1% of men
#69b9c7 Tritanopia 0.001% of the population

Trichromacy

#88aafb Protanomaly 1% of men, 0.01% of women
#81acfd Deuteranomaly 6% of men, 0.4% of women
#6fb4da Tritanomaly 0.01% of the population

#7aaafd hex color

#7aaafd Color Information

#7aaafd Color Conversion

Color Schemes with #7aaafd

Alternatives to #7aaafd

#7aaafd Preview

Shades and Tints of #7aaafd

Tones of #7aaafd

Color Blindness Simulator