#7af6d8 hex color

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

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

● #7af6d8 color description : Soft cyan.

The hexadecimal color #7af6d8 has RGB values of R:122, G:246, B:216 and CMYK values of C:0.5, M:0, Y:0.12, K:0.04. Its decimal value is 8058584.

Hex triplet	7af6d8	`#7af6d8`
RGB Decimal	122, 246, 216	`rgb(122,246,216)`
RGB Percent	47.8, 96.5, 84.7	`rgb(47.8%,96.5%,84.7%)`
CMYK	50, 0, 12, 4
HSL	165.5°, 87.3, 72.2	`hsl(165.5,87.3%,72.2%)`
HSV (or HSB)	165.5°, 50.4, 96.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.394, -41.781, 3.817
XYZ	53.373, 75.003, 76.626
xyY	0.26, 0.366, 75.003
CIE-LCH	89.394, 41.955, 174.78
CIE-LUV	89.394, -53.743, 12.767
Hunter-Lab	86.604, -41.552, 8.164
Binary	01111010, 11110110, 11011000

#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#f67a98
```
#f67a98 rgb(246,122,152)
```

Complementary Color

#7af69a
```
#7af69a rgb(122,246,154)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#7ad6f6
```
#7ad6f6 rgb(122,214,246)
```

Analogous Color

#f69a7a
```
#f69a7a rgb(246,154,122)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#f67ad6
```
#f67ad6 rgb(246,122,214)
```

Split Complementary Color

#f6d87a
```
#f6d87a rgb(246,216,122)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#d87af6
```
#d87af6 rgb(216,122,246)
```

Triadic Color

#98f67a
```
#98f67a rgb(152,246,122)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#d87af6
```
#d87af6 rgb(216,122,246)
```
#f67a98
```
#f67a98 rgb(246,122,152)
```

Tetradic Color

#32f1c3
```
#32f1c3 rgb(50,241,195)
```
#4af3ca
```
#4af3ca rgb(74,243,202)
```
#62f4d1
```
#62f4d1 rgb(98,244,209)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#92f8df
```
#92f8df rgb(146,248,223)
```
#aaf9e6
```
#aaf9e6 rgb(170,249,230)
```
#c2fbed
```
#c2fbed rgb(194,251,237)
```

Monochromatic Color

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

#7af6b9
```
#7af6b9 rgb(122,246,185)
```
#7af6c3
```
#7af6c3 rgb(122,246,195)
```
#7af6ce
```
#7af6ce rgb(122,246,206)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#7af6e2
```
#7af6e2 rgb(122,246,226)
```
#7af6ed
```
#7af6ed rgb(122,246,237)
```
#7af5f6
```
#7af5f6 rgb(122,245,246)
```

Similar Colors

Text with hexadecimal color #7af6d8

This text has a font color of #7af6d8.

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

#7af6d8 background color

This paragraph has a background color of #7af6d8.

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

#7af6d8 border color

This element has a border color of #7af6d8.

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

CSS codes

.text {color:#7af6d8;}

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

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

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)
```
#022019
```
#022019 rgb(2,32,25)
```
#033327
```
#033327 rgb(3,51,39)
```
#054536
```
#054536 rgb(5,69,54)
```
#065744
```
#065744 rgb(6,87,68)
```
#076a52
```
#076a52 rgb(7,106,82)
```
#087c60
```
#087c60 rgb(8,124,96)
```
#0a8f6e
```
#0a8f6e rgb(10,143,110)
```
#0ba17d
```
#0ba17d rgb(11,161,125)
```
#0cb38b
```
#0cb38b rgb(12,179,139)
```
#0dc699
```
#0dc699 rgb(13,198,153)
```
#0fd8a7
```
#0fd8a7 rgb(15,216,167)
```
#10eab6
```
#10eab6 rgb(16,234,182)
```

Shade Color Variation

#1ef0bd
```
#1ef0bd rgb(30,240,189)
```
#31f1c2
```
#31f1c2 rgb(49,241,194)
```
#43f2c8
```
#43f2c8 rgb(67,242,200)
```
#55f4cd
```
#55f4cd rgb(85,244,205)
```
#68f5d3
```
#68f5d3 rgb(104,245,211)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#8cf7dd
```
#8cf7dd rgb(140,247,221)
```
#9ff8e3
```
#9ff8e3 rgb(159,248,227)
```
#b1fae8
```
#b1fae8 rgb(177,250,232)
```
#c3fbee
```
#c3fbee rgb(195,251,238)
```
#d6fcf3
```
#d6fcf3 rgb(214,252,243)
```
#e8fdf8
```
#e8fdf8 rgb(232,253,248)
```
#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 #75fbdb is the most saturated one.

#b6bab9
```
#b6bab9 rgb(182,186,185)
```
#b1bfbc
```
#b1bfbc rgb(177,191,188)
```
#abc5bf
```
#abc5bf rgb(171,197,191)
```
#a6cac1
```
#a6cac1 rgb(166,202,193)
```
#a0d0c4
```
#a0d0c4 rgb(160,208,196)
```
#9bd5c7
```
#9bd5c7 rgb(155,213,199)
```
#95dbca
```
#95dbca rgb(149,219,202)
```
#90e0cd
```
#90e0cd rgb(144,224,205)
```
#8ae6d0
```
#8ae6d0 rgb(138,230,208)
```
#85ebd2
```
#85ebd2 rgb(133,235,210)
```
#7ff1d5
```
#7ff1d5 rgb(127,241,213)
```
#7af6d8
```
#7af6d8 rgb(122,246,216)
```
#75fbdb
```
#75fbdb rgb(117,251,219)
```

Tone Color Variation

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

#eae1cf Protanopia 1% of men
#f6dbe3 Deuteranopia 1% of men
#9befff Tritanopia 0.001% of the population

Trichromacy

#c1e8d2 Protanomaly 1% of men, 0.01% of women
#c9e5df Deuteranomaly 6% of men, 0.4% of women
#8ff1f0 Tritanomaly 0.01% of the population

#7af6d8 hex color

#7af6d8 Color Information

#7af6d8 Color Conversion

Color Schemes with #7af6d8

Alternatives to #7af6d8

#7af6d8 Preview

Shades and Tints of #7af6d8

Tones of #7af6d8

Color Blindness Simulator