#7afae0 hex color

In a RGB color space, hex #7afae0 is composed of 47.8% red, 98% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 0% magenta, 10.4% yellow and 2% black. It has a hue angle of 167.8 degrees, a saturation of 92.8% and a lightness of 72.9%. #7afae0 color hex could be obtained by blending #f4ffff with #00f5c1. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 48
- G 98
- B 88
RGB color chart
- C 51
- M 0
- Y 10
- K 2
CMYK color chart

● #7afae0 color description : Soft cyan.

The hexadecimal color #7afae0 has RGB values of R:122, G:250, B:224 and CMYK values of C:0.51, M:0, Y:0.1, K:0.02. Its decimal value is 8059616.

Hex triplet	7afae0	`#7afae0`
RGB Decimal	122, 250, 224	`rgb(122,250,224)`
RGB Percent	47.8, 98, 87.8	`rgb(47.8%,98%,87.8%)`
CMYK	51, 0, 10, 2
HSL	167.8°, 92.8, 72.9	`hsl(167.8,92.8%,72.9%)`
HSV (or HSB)	167.8°, 51.2, 98
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.728, -41.714, 1.596
XYZ	55.662, 77.887, 82.617
xyY	0.257, 0.36, 77.887
CIE-LCH	90.728, 41.744, 177.808
CIE-LUV	90.728, -54.922, 9.357
Hunter-Lab	88.253, -41.862, 6.274
Binary	01111010, 11111010, 11100000

#7afae0
```
#7afae0 rgb(122,250,224)
```
#fa7a94
```
#fa7a94 rgb(250,122,148)
```

Complementary Color

#7afaa0
```
#7afaa0 rgb(122,250,160)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```
#7ad4fa
```
#7ad4fa rgb(122,212,250)
```

Analogous Color

#faa07a
```
#faa07a rgb(250,160,122)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```
#fa7ad4
```
#fa7ad4 rgb(250,122,212)
```

Split Complementary Color

#fae07a
```
#fae07a rgb(250,224,122)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```
#e07afa
```
#e07afa rgb(224,122,250)
```

Triadic Color

#94fa7a
```
#94fa7a rgb(148,250,122)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```
#e07afa
```
#e07afa rgb(224,122,250)
```
#fa7a94
```
#fa7a94 rgb(250,122,148)
```

Tetradic Color

#30f7cf
```
#30f7cf rgb(48,247,207)
```
#49f8d5
```
#49f8d5 rgb(73,248,213)
```
#61f9da
```
#61f9da rgb(97,249,218)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```
#93fbe6
```
#93fbe6 rgb(147,251,230)
```
#abfceb
```
#abfceb rgb(171,252,235)
```
#c4fdf1
```
#c4fdf1 rgb(196,253,241)
```

Monochromatic Color

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

#7afac0
```
#7afac0 rgb(122,250,192)
```
#7afacb
```
#7afacb rgb(122,250,203)
```
#7afad5
```
#7afad5 rgb(122,250,213)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```
#7afaeb
```
#7afaeb rgb(122,250,235)
```
#7afaf5
```
#7afaf5 rgb(122,250,245)
```
#7af4fa
```
#7af4fa rgb(122,244,250)
```

Similar Colors

Text with hexadecimal color #7afae0

This text has a font color of #7afae0.

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

#7afae0 background color

This paragraph has a background color of #7afae0.

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

#7afae0 border color

This element has a border color of #7afae0.

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

CSS codes

.text {color:#7afae0;}

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

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

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, #01120f is the darkest color, while #feffff is the lightest one.

#01120f
```
#01120f rgb(1,18,15)
```
#01251e
```
#01251e rgb(1,37,30)
```
#02382d
```
#02382d rgb(2,56,45)
```
#034b3c
```
#034b3c rgb(3,75,60)
```
#045e4c
```
#045e4c rgb(4,94,76)
```
#04715b
```
#04715b rgb(4,113,91)
```
#05846a
```
#05846a rgb(5,132,106)
```
#069779
```
#069779 rgb(6,151,121)
```
#06a988
```
#06a988 rgb(6,169,136)
```
#07bc98
```
#07bc98 rgb(7,188,152)
```
#08cfa7
```
#08cfa7 rgb(8,207,167)
```
#09e2b6
```
#09e2b6 rgb(9,226,182)
```
#09f5c5
```
#09f5c5 rgb(9,245,197)
```

Shade Color Variation

#1bf6ca
```
#1bf6ca rgb(27,246,202)
```
#2ef7ce
```
#2ef7ce rgb(46,247,206)
```
#41f8d3
```
#41f8d3 rgb(65,248,211)
```
#54f9d7
```
#54f9d7 rgb(84,249,215)
```
#67f9dc
```
#67f9dc rgb(103,249,220)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```
#8dfbe4
```
#8dfbe4 rgb(141,251,228)
```
#a0fbe9
```
#a0fbe9 rgb(160,251,233)
```
#b3fced
```
#b3fced rgb(179,252,237)
```
#c6fdf2
```
#c6fdf2 rgb(198,253,242)
```
#d9fef6
```
#d9fef6 rgb(217,254,246)
```
#ebfefa
```
#ebfefa rgb(235,254,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#bababa
```
#bababa rgb(186,186,186)
```
#b4c0bd
```
#b4c0bd rgb(180,192,189)
```
#afc5c0
```
#afc5c0 rgb(175,197,192)
```
#aacac4
```
#aacac4 rgb(170,202,196)
```
#a4d0c7
```
#a4d0c7 rgb(164,208,199)
```
#9fd5ca
```
#9fd5ca rgb(159,213,202)
```
#9adacd
```
#9adacd rgb(154,218,205)
```
#95dfd0
```
#95dfd0 rgb(149,223,208)
```
#8fe5d3
```
#8fe5d3 rgb(143,229,211)
```
#8aead7
```
#8aead7 rgb(138,234,215)
```
#85efda
```
#85efda rgb(133,239,218)
```
#7ff5dd
```
#7ff5dd rgb(127,245,221)
```
#7afae0
```
#7afae0 rgb(122,250,224)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#c0d9d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede4d6 Protanopia 1% of men
#f8dfeb Deuteranopia 1% of men
#aaf1ff Tritanopia 0.001% of the population

Trichromacy

#c3ecda Protanomaly 1% of men, 0.01% of women
#cae8e7 Deuteranomaly 6% of men, 0.4% of women
#99f4f3 Tritanomaly 0.01% of the population

#7afae0 hex color

#7afae0 Color Information

#7afae0 Color Conversion

Color Schemes with #7afae0

Alternatives to #7afae0

#7afae0 Preview

Shades and Tints of #7afae0

Tones of #7afae0

Color Blindness Simulator