#7af6da hex color

In a RGB color space, hex #7af6da is composed of 47.8% red, 96.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 0% magenta, 11.4% yellow and 3.5% black. It has a hue angle of 166.5 degrees, a saturation of 87.3% and a lightness of 72.2%. #7af6da color hex could be obtained by blending #f4ffff with #00edb5. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 48
- G 96
- B 85
RGB color chart
- C 50
- M 0
- Y 11
- K 4
CMYK color chart

● #7af6da color description : Soft cyan.

The hexadecimal color #7af6da has RGB values of R:122, G:246, B:218 and CMYK values of C:0.5, M:0, Y:0.11, K:0.04. Its decimal value is 8058586.

Hex triplet	7af6da	`#7af6da`
RGB Decimal	122, 246, 218	`rgb(122,246,218)`
RGB Percent	47.8, 96.5, 85.5	`rgb(47.8%,96.5%,85.5%)`
CMYK	50, 0, 11, 4
HSL	166.5°, 87.3, 72.2	`hsl(166.5,87.3%,72.2%)`
HSV (or HSB)	166.5°, 50.4, 96.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.443, -41.322, 2.847
XYZ	53.633, 75.107, 77.997
xyY	0.259, 0.363, 75.107
CIE-LCH	89.443, 41.42, 176.058
CIE-LUV	89.443, -53.656, 11.206
Hunter-Lab	86.664, -41.197, 7.305
Binary	01111010, 11110110, 11011010

#7af6da
```
#7af6da rgb(122,246,218)
```
#f67a96
```
#f67a96 rgb(246,122,150)
```

Complementary Color

#7af69c
```
#7af69c rgb(122,246,156)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#7ad4f6
```
#7ad4f6 rgb(122,212,246)
```

Analogous Color

#f69c7a
```
#f69c7a rgb(246,156,122)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#f67ad4
```
#f67ad4 rgb(246,122,212)
```

Split Complementary Color

#f6da7a
```
#f6da7a rgb(246,218,122)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#da7af6
```
#da7af6 rgb(218,122,246)
```

Triadic Color

#96f67a
```
#96f67a rgb(150,246,122)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#da7af6
```
#da7af6 rgb(218,122,246)
```
#f67a96
```
#f67a96 rgb(246,122,150)
```

Tetradic Color

#32f1c6
```
#32f1c6 rgb(50,241,198)
```
#4af3cd
```
#4af3cd rgb(74,243,205)
```
#62f4d3
```
#62f4d3 rgb(98,244,211)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#92f8e1
```
#92f8e1 rgb(146,248,225)
```
#aaf9e7
```
#aaf9e7 rgb(170,249,231)
```
#c2fbee
```
#c2fbee rgb(194,251,238)
```

Monochromatic Color

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

#7af6bb
```
#7af6bb rgb(122,246,187)
```
#7af6c5
```
#7af6c5 rgb(122,246,197)
```
#7af6d0
```
#7af6d0 rgb(122,246,208)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#7af6e4
```
#7af6e4 rgb(122,246,228)
```
#7af6ef
```
#7af6ef rgb(122,246,239)
```
#7af3f6
```
#7af3f6 rgb(122,243,246)
```

Similar Colors

Text with hexadecimal color #7af6da

This text has a font color of #7af6da.

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

#7af6da background color

This paragraph has a background color of #7af6da.

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

#7af6da border color

This element has a border color of #7af6da.

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

CSS codes

.text {color:#7af6da;}

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

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

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, #010e0b is the darkest color, while #fbfffe is the lightest one.

#010e0b
```
#010e0b rgb(1,14,11)
```
#02201a
```
#02201a rgb(2,32,26)
```
#033328
```
#033328 rgb(3,51,40)
```
#054537
```
#054537 rgb(5,69,55)
```
#065745
```
#065745 rgb(6,87,69)
```
#076a54
```
#076a54 rgb(7,106,84)
```
#087c62
```
#087c62 rgb(8,124,98)
```
#0a8f71
```
#0a8f71 rgb(10,143,113)
```
#0ba17f
```
#0ba17f rgb(11,161,127)
```
#0cb38e
```
#0cb38e rgb(12,179,142)
```
#0dc69c
```
#0dc69c rgb(13,198,156)
```
#0fd8ab
```
#0fd8ab rgb(15,216,171)
```
#10eab9
```
#10eab9 rgb(16,234,185)
```

Shade Color Variation

#1ef0c0
```
#1ef0c0 rgb(30,240,192)
```
#31f1c6
```
#31f1c6 rgb(49,241,198)
```
#43f2cb
```
#43f2cb rgb(67,242,203)
```
#55f4d0
```
#55f4d0 rgb(85,244,208)
```
#68f5d5
```
#68f5d5 rgb(104,245,213)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#8cf7df
```
#8cf7df rgb(140,247,223)
```
#9ff8e4
```
#9ff8e4 rgb(159,248,228)
```
#b1fae9
```
#b1fae9 rgb(177,250,233)
```
#c3fbee
```
#c3fbee rgb(195,251,238)
```
#d6fcf4
```
#d6fcf4 rgb(214,252,244)
```
#e8fdf9
```
#e8fdf9 rgb(232,253,249)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#b6bab9
```
#b6bab9 rgb(182,186,185)
```
#b1bfbc
```
#b1bfbc rgb(177,191,188)
```
#abc5bf
```
#abc5bf rgb(171,197,191)
```
#a6cac2
```
#a6cac2 rgb(166,202,194)
```
#a0d0c5
```
#a0d0c5 rgb(160,208,197)
```
#9bd5c8
```
#9bd5c8 rgb(155,213,200)
```
#95dbcb
```
#95dbcb rgb(149,219,203)
```
#90e0ce
```
#90e0ce rgb(144,224,206)
```
#8ae6d1
```
#8ae6d1 rgb(138,230,209)
```
#85ebd4
```
#85ebd4 rgb(133,235,212)
```
#7ff1d7
```
#7ff1d7 rgb(127,241,215)
```
#7af6da
```
#7af6da rgb(122,246,218)
```
#75fbdd
```
#75fbdd rgb(117,251,221)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bdd6d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae1d1 Protanopia 1% of men
#f5dbe5 Deuteranopia 1% of men
#9cefff Tritanopia 0.001% of the population

Trichromacy

#c1e8d4 Protanomaly 1% of men, 0.01% of women
#c8e5e1 Deuteranomaly 6% of men, 0.4% of women
#8ff1f1 Tritanomaly 0.01% of the population

#7af6da hex color

#7af6da Color Information

#7af6da Color Conversion

Color Schemes with #7af6da

Alternatives to #7af6da

#7af6da Preview

Shades and Tints of #7af6da

Tones of #7af6da

Color Blindness Simulator