#7af6de hex color

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

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

● #7af6de color description : Soft cyan.

The hexadecimal color #7af6de has RGB values of R:122, G:246, B:222 and CMYK values of C:0.5, M:0, Y:0.1, K:0.04. Its decimal value is 8058590.

Hex triplet	7af6de	`#7af6de`
RGB Decimal	122, 246, 222	`rgb(122,246,222)`
RGB Percent	47.8, 96.5, 87.1	`rgb(47.8%,96.5%,87.1%)`
CMYK	50, 0, 10, 4
HSL	168.4°, 87.3, 72.2	`hsl(168.4,87.3%,72.2%)`
HSV (or HSB)	168.4°, 50.4, 96.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.542, -40.393, 0.909
XYZ	54.163, 75.319, 80.787
xyY	0.258, 0.358, 75.319
CIE-LCH	89.542, 40.403, 178.711
CIE-LUV	89.542, -53.482, 8.063
Hunter-Lab	86.787, -40.477, 5.559
Binary	01111010, 11110110, 11011110

#7af6de
```
#7af6de rgb(122,246,222)
```
#f67a92
```
#f67a92 rgb(246,122,146)
```

Complementary Color

#7af6a0
```
#7af6a0 rgb(122,246,160)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#7ad0f6
```
#7ad0f6 rgb(122,208,246)
```

Analogous Color

#f6a07a
```
#f6a07a rgb(246,160,122)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#f67ad0
```
#f67ad0 rgb(246,122,208)
```

Split Complementary Color

#f6de7a
```
#f6de7a rgb(246,222,122)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#de7af6
```
#de7af6 rgb(222,122,246)
```

Triadic Color

#92f67a
```
#92f67a rgb(146,246,122)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#de7af6
```
#de7af6 rgb(222,122,246)
```
#f67a92
```
#f67a92 rgb(246,122,146)
```

Tetradic Color

#32f1cc
```
#32f1cc rgb(50,241,204)
```
#4af3d2
```
#4af3d2 rgb(74,243,210)
```
#62f4d8
```
#62f4d8 rgb(98,244,216)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#92f8e4
```
#92f8e4 rgb(146,248,228)
```
#aaf9ea
```
#aaf9ea rgb(170,249,234)
```
#c2fbf0
```
#c2fbf0 rgb(194,251,240)
```

Monochromatic Color

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

#7af6bf
```
#7af6bf rgb(122,246,191)
```
#7af6c9
```
#7af6c9 rgb(122,246,201)
```
#7af6d4
```
#7af6d4 rgb(122,246,212)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#7af6e8
```
#7af6e8 rgb(122,246,232)
```
#7af6f3
```
#7af6f3 rgb(122,246,243)
```
#7aeff6
```
#7aeff6 rgb(122,239,246)
```

Similar Colors

Text with hexadecimal color #7af6de

This text has a font color of #7af6de.

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

#7af6de background color

This paragraph has a background color of #7af6de.

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

#7af6de border color

This element has a border color of #7af6de.

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

CSS codes

.text {color:#7af6de;}

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

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

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)
```
#02201b
```
#02201b rgb(2,32,27)
```
#03332a
```
#03332a rgb(3,51,42)
```
#054539
```
#054539 rgb(5,69,57)
```
#065748
```
#065748 rgb(6,87,72)
```
#076a57
```
#076a57 rgb(7,106,87)
```
#087c66
```
#087c66 rgb(8,124,102)
```
#0a8f75
```
#0a8f75 rgb(10,143,117)
```
#0ba184
```
#0ba184 rgb(11,161,132)
```
#0cb393
```
#0cb393 rgb(12,179,147)
```
#0dc6a2
```
#0dc6a2 rgb(13,198,162)
```
#0fd8b1
```
#0fd8b1 rgb(15,216,177)
```
#10eac0
```
#10eac0 rgb(16,234,192)
```

Shade Color Variation

#1ef0c7
```
#1ef0c7 rgb(30,240,199)
```
#31f1cc
```
#31f1cc rgb(49,241,204)
```
#43f2d0
```
#43f2d0 rgb(67,242,208)
```
#55f4d5
```
#55f4d5 rgb(85,244,213)
```
#68f5d9
```
#68f5d9 rgb(104,245,217)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#8cf7e3
```
#8cf7e3 rgb(140,247,227)
```
#9ff8e7
```
#9ff8e7 rgb(159,248,231)
```
#b1faec
```
#b1faec rgb(177,250,236)
```
#c3fbf0
```
#c3fbf0 rgb(195,251,240)
```
#d6fcf5
```
#d6fcf5 rgb(214,252,245)
```
#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 #75fbe1 is the most saturated one.

#b6bab9
```
#b6bab9 rgb(182,186,185)
```
#b1bfbd
```
#b1bfbd rgb(177,191,189)
```
#abc5c0
```
#abc5c0 rgb(171,197,192)
```
#a6cac3
```
#a6cac3 rgb(166,202,195)
```
#a0d0c7
```
#a0d0c7 rgb(160,208,199)
```
#9bd5ca
```
#9bd5ca rgb(155,213,202)
```
#95dbcd
```
#95dbcd rgb(149,219,205)
```
#90e0d1
```
#90e0d1 rgb(144,224,209)
```
#8ae6d4
```
#8ae6d4 rgb(138,230,212)
```
#85ebd7
```
#85ebd7 rgb(133,235,215)
```
#7ff1db
```
#7ff1db rgb(127,241,219)
```
#7af6de
```
#7af6de rgb(122,246,222)
```
#75fbe1
```
#75fbe1 rgb(117,251,225)
```

Tone Color Variation

Below, you can see how #7af6de 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
#bdd6d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e1d5 Protanopia 1% of men
#f4dce8 Deuteranopia 1% of men
#9cefff Tritanopia 0.001% of the population

Trichromacy

#c1e9d8 Protanomaly 1% of men, 0.01% of women
#c7e5e4 Deuteranomaly 6% of men, 0.4% of women
#90f1f3 Tritanomaly 0.01% of the population

#7af6de hex color

#7af6de Color Information

#7af6de Color Conversion

Color Schemes with #7af6de

Alternatives to #7af6de

#7af6de Preview

Shades and Tints of #7af6de

Tones of #7af6de

Color Blindness Simulator