#7af9dd hex color

In a RGB color space, hex #7af9dd is composed of 47.8% red, 97.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 0% magenta, 11.2% yellow and 2.4% black. It has a hue angle of 166.8 degrees, a saturation of 91.4% and a lightness of 72.7%. #7af9dd color hex could be obtained by blending #f4ffff with #00f3bb. Closest websafe color is: #66ffcc.

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

● #7af9dd color description : Soft cyan.

The hexadecimal color #7af9dd has RGB values of R:122, G:249, B:221 and CMYK values of C:0.51, M:0, Y:0.11, K:0.02. Its decimal value is 8059357.

Hex triplet	7af9dd	`#7af9dd`
RGB Decimal	122, 249, 221	`rgb(122,249,221)`
RGB Percent	47.8, 97.6, 86.7	`rgb(47.8%,97.6%,86.7%)`
CMYK	51, 0, 11, 2
HSL	166.8°, 91.4, 72.7	`hsl(166.8,91.4%,72.7%)`
HSV (or HSB)	166.8°, 51, 97.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.37, -41.965, 2.633
XYZ	54.949, 77.105, 80.39
xyY	0.259, 0.363, 77.105
CIE-LCH	90.37, 42.048, 176.409
CIE-LUV	90.37, -54.674, 10.996
Hunter-Lab	87.81, -41.967, 7.187
Binary	01111010, 11111001, 11011101

#7af9dd
```
#7af9dd rgb(122,249,221)
```
#f97a96
```
#f97a96 rgb(249,122,150)
```

Complementary Color

#7af99e
```
#7af99e rgb(122,249,158)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#7ad6f9
```
#7ad6f9 rgb(122,214,249)
```

Analogous Color

#f99e7a
```
#f99e7a rgb(249,158,122)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#f97ad6
```
#f97ad6 rgb(249,122,214)
```

Split Complementary Color

#f9dd7a
```
#f9dd7a rgb(249,221,122)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#dd7af9
```
#dd7af9 rgb(221,122,249)
```

Triadic Color

#96f97a
```
#96f97a rgb(150,249,122)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#dd7af9
```
#dd7af9 rgb(221,122,249)
```
#f97a96
```
#f97a96 rgb(249,122,150)
```

Tetradic Color

#31f6ca
```
#31f6ca rgb(49,246,202)
```
#49f7d1
```
#49f7d1 rgb(73,247,209)
```
#62f8d7
```
#62f8d7 rgb(98,248,215)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#92fae3
```
#92fae3 rgb(146,250,227)
```
#abfbe9
```
#abfbe9 rgb(171,251,233)
```
#c3fcf0
```
#c3fcf0 rgb(195,252,240)
```

Monochromatic Color

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

#7af9bd
```
#7af9bd rgb(122,249,189)
```
#7af9c8
```
#7af9c8 rgb(122,249,200)
```
#7af9d2
```
#7af9d2 rgb(122,249,210)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#7af9e8
```
#7af9e8 rgb(122,249,232)
```
#7af9f2
```
#7af9f2 rgb(122,249,242)
```
#7af5f9
```
#7af5f9 rgb(122,245,249)
```

Similar Colors

Text with hexadecimal color #7af9dd

This text has a font color of #7af9dd.

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

#7af9dd background color

This paragraph has a background color of #7af9dd.

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

#7af9dd border color

This element has a border color of #7af9dd.

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

CSS codes

.text {color:#7af9dd;}

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

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

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, #01110e is the darkest color, while #fdffff is the lightest one.

#01110e
```
#01110e rgb(1,17,14)
```
#02241c
```
#02241c rgb(2,36,28)
```
#02372b
```
#02372b rgb(2,55,43)
```
#03493a
```
#03493a rgb(3,73,58)
```
#045c49
```
#045c49 rgb(4,92,73)
```
#056f58
```
#056f58 rgb(5,111,88)
```
#068266
```
#068266 rgb(6,130,102)
```
#079575
```
#079575 rgb(7,149,117)
```
#08a784
```
#08a784 rgb(8,167,132)
```
#08ba93
```
#08ba93 rgb(8,186,147)
```
#09cda2
```
#09cda2 rgb(9,205,162)
```
#0ae0b1
```
#0ae0b1 rgb(10,224,177)
```
#0bf2bf
```
#0bf2bf rgb(11,242,191)
```

Shade Color Variation

#1cf5c5
```
#1cf5c5 rgb(28,245,197)
```
#2ff6ca
```
#2ff6ca rgb(47,246,202)
```
#42f6cf
```
#42f6cf rgb(66,246,207)
```
#54f7d3
```
#54f7d3 rgb(84,247,211)
```
#67f8d8
```
#67f8d8 rgb(103,248,216)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#8dfae2
```
#8dfae2 rgb(141,250,226)
```
#a0fbe7
```
#a0fbe7 rgb(160,251,231)
```
#b2fceb
```
#b2fceb rgb(178,252,235)
```
#c5fcf0
```
#c5fcf0 rgb(197,252,240)
```
#d8fdf5
```
#d8fdf5 rgb(216,253,245)
```
#ebfefa
```
#ebfefa rgb(235,254,250)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#b5bebc
```
#b5bebc rgb(181,190,188)
```
#afc4bf
```
#afc4bf rgb(175,196,191)
```
#aac9c2
```
#aac9c2 rgb(170,201,194)
```
#a5cec5
```
#a5cec5 rgb(165,206,197)
```
#9fd4c8
```
#9fd4c8 rgb(159,212,200)
```
#9ad9cb
```
#9ad9cb rgb(154,217,203)
```
#95dece
```
#95dece rgb(149,222,206)
```
#8fe4d1
```
#8fe4d1 rgb(143,228,209)
```
#8ae9d4
```
#8ae9d4 rgb(138,233,212)
```
#85eed7
```
#85eed7 rgb(133,238,215)
```
#7ff4da
```
#7ff4da rgb(127,244,218)
```
#7af9dd
```
#7af9dd rgb(122,249,221)
```
#75fee0
```
#75fee0 rgb(117,254,224)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#bfd8d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece3d4 Protanopia 1% of men
#f8dee8 Deuteranopia 1% of men
#a6f0ff Tritanopia 0.001% of the population

Trichromacy

#c3ebd7 Protanomaly 1% of men, 0.01% of women
#cae7e4 Deuteranomaly 6% of men, 0.4% of women
#96f3f2 Tritanomaly 0.01% of the population

#7af9dd hex color

#7af9dd Color Information

#7af9dd Color Conversion

Color Schemes with #7af9dd

Alternatives to #7af9dd

#7af9dd Preview

Shades and Tints of #7af9dd

Tones of #7af9dd

Color Blindness Simulator