#7aafec hex color

In a RGB color space, hex #7aafec is composed of 47.8% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 212.1 degrees, a saturation of 75% and a lightness of 70.2%. #7aafec color hex could be obtained by blending #f4ffff with #005fd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 69
- B 93
RGB color chart
- C 48
- M 26
- Y 0
- K 7
CMYK color chart

● #7aafec color description : Soft blue.

The hexadecimal color #7aafec has RGB values of R:122, G:175, B:236 and CMYK values of C:0.48, M:0.26, Y:0, K:0.07. Its decimal value is 8040428.

Hex triplet	7aafec	`#7aafec`
RGB Decimal	122, 175, 236	`rgb(122,175,236)`
RGB Percent	47.8, 68.6, 92.5	`rgb(47.8%,68.6%,92.5%)`
CMYK	48, 26, 0, 7
HSL	212.1°, 75, 70.2	`hsl(212.1,75%,70.2%)`
HSV (or HSB)	212.1°, 48.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.072, -1.072, -35.906
XYZ	38.493, 40.852, 85.209
xyY	0.234, 0.248, 40.852
CIE-LCH	70.072, 35.922, 268.291
CIE-LUV	70.072, -25.562, -57.321
Hunter-Lab	63.915, -4.351, -34.302
Binary	01111010, 10101111, 11101100

#7aafec
```
#7aafec rgb(122,175,236)
```
#ecb77a
```
#ecb77a rgb(236,183,122)
```

Complementary Color

#7ae8ec
```
#7ae8ec rgb(122,232,236)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#7e7aec
```
#7e7aec rgb(126,122,236)
```

Analogous Color

#e8ec7a
```
#e8ec7a rgb(232,236,122)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#ec7e7a
```
#ec7e7a rgb(236,126,122)
```

Split Complementary Color

#afec7a
```
#afec7a rgb(175,236,122)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#ec7aaf
```
#ec7aaf rgb(236,122,175)
```

Triadic Color

#7aecb7
```
#7aecb7 rgb(122,236,183)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#ec7aaf
```
#ec7aaf rgb(236,122,175)
```
#ecb77a
```
#ecb77a rgb(236,183,122)
```

Tetradic Color

#3787e2
```
#3787e2 rgb(55,135,226)
```
#4d94e6
```
#4d94e6 rgb(77,148,230)
```
#64a2e9
```
#64a2e9 rgb(100,162,233)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#90bcef
```
#90bcef rgb(144,188,239)
```
#a7caf2
```
#a7caf2 rgb(167,202,242)
```
#bdd7f6
```
#bdd7f6 rgb(189,215,246)
```

Monochromatic Color

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

#7accec
```
#7accec rgb(122,204,236)
```
#7ac2ec
```
#7ac2ec rgb(122,194,236)
```
#7ab9ec
```
#7ab9ec rgb(122,185,236)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#7aa6ec
```
#7aa6ec rgb(122,166,236)
```
#7a9cec
```
#7a9cec rgb(122,156,236)
```
#7a93ec
```
#7a93ec rgb(122,147,236)
```

Similar Colors

Text with hexadecimal color #7aafec

This text has a font color of #7aafec.

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

#7aafec background color

This paragraph has a background color of #7aafec.

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

#7aafec border color

This element has a border color of #7aafec.

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

CSS codes

.text {color:#7aafec;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030c15
```
#030c15 rgb(3,12,21)
```
#061527
```
#061527 rgb(6,21,39)
```
#081e38
```
#081e38 rgb(8,30,56)
```
#0a2749
```
#0a2749 rgb(10,39,73)
```
#0d315a
```
#0d315a rgb(13,49,90)
```
#0f3a6b
```
#0f3a6b rgb(15,58,107)
```
#12437c
```
#12437c rgb(18,67,124)
```
#144d8e
```
#144d8e rgb(20,77,142)
```
#17569f
```
#17569f rgb(23,86,159)
```
#195fb0
```
#195fb0 rgb(25,95,176)
```
#1c69c1
```
#1c69c1 rgb(28,105,193)
```
#1e72d2
```
#1e72d2 rgb(30,114,210)
```

Shade Color Variation

#247be0
```
#247be0 rgb(36,123,224)
```
#3586e2
```
#3586e2 rgb(53,134,226)
```
#4790e5
```
#4790e5 rgb(71,144,229)
```
#589ae7
```
#589ae7 rgb(88,154,231)
```
#69a5ea
```
#69a5ea rgb(105,165,234)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#8bb9ee
```
#8bb9ee rgb(139,185,238)
```
#9cc4f1
```
#9cc4f1 rgb(156,196,241)
```
#adcef3
```
#adcef3 rgb(173,206,243)
```
#bfd8f6
```
#bfd8f6 rgb(191,216,246)
```
#d0e3f8
```
#d0e3f8 rgb(208,227,248)
```
#e1edfb
```
#e1edfb rgb(225,237,251)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#afb3b7
```
#afb3b7 rgb(175,179,183)
```
#a9b2bd
```
#a9b2bd rgb(169,178,189)
```
#a3b2c3
```
#a3b2c3 rgb(163,178,195)
```
#9db1c9
```
#9db1c9 rgb(157,177,201)
```
#97b1cf
```
#97b1cf rgb(151,177,207)
```
#91b1d5
```
#91b1d5 rgb(145,177,213)
```
#8cb0da
```
#8cb0da rgb(140,176,218)
```
#86b0e0
```
#86b0e0 rgb(134,176,224)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#74aff2
```
#74aff2 rgb(116,175,242)
```
#6eaef8
```
#6eaef8 rgb(110,174,248)
```
#68aefe
```
#68aefe rgb(104,174,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9da8b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cade9 Protanopia 1% of men
#97adee Deuteranopia 1% of men
#72bac8 Tritanopia 0.001% of the population

Trichromacy

#90aeea Protanomaly 1% of men, 0.01% of women
#8caeed Deuteranomaly 6% of men, 0.4% of women
#75b6d5 Tritanomaly 0.01% of the population

#7aafec hex color

#7aafec Color Information

#7aafec Color Conversion

Color Schemes with #7aafec

Alternatives to #7aafec

#7aafec Preview

Shades and Tints of #7aafec

Tones of #7aafec

Color Blindness Simulator