#7af6f8 hex color

In a RGB color space, hex #7af6f8 is composed of 47.8% red, 96.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 0.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 181 degrees, a saturation of 90% and a lightness of 72.5%. #7af6f8 color hex could be obtained by blending #f4ffff with #00edf1. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 48
- G 96
- B 97
RGB color chart
- C 51
- M 1
- Y 0
- K 3
CMYK color chart

● #7af6f8 color description : Soft cyan.

The hexadecimal color #7af6f8 has RGB values of R:122, G:246, B:248 and CMYK values of C:0.51, M:0.01, Y:0, K:0.03. Its decimal value is 8058616.

Hex triplet	7af6f8	`#7af6f8`
RGB Decimal	122, 246, 248	`rgb(122,246,248)`
RGB Percent	47.8, 96.5, 97.3	`rgb(47.8%,96.5%,97.3%)`
CMYK	51, 1, 0, 3
HSL	181°, 90, 72.5	`hsl(181,90%,72.5%)`
HSV (or HSB)	181°, 50.8, 97.3
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.24, -34.026, -11.608
XYZ	57.92, 76.822, 100.578
xyY	0.246, 0.326, 76.822
CIE-LCH	90.24, 35.952, 198.837
CIE-LUV	90.24, -52.333, -12.971
Hunter-Lab	87.648, -35.427, -6.682
Binary	01111010, 11110110, 11111000

#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#f87c7a
```
#f87c7a rgb(248,124,122)
```

Complementary Color

#7af8bb
```
#7af8bb rgb(122,248,187)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#7ab7f8
```
#7ab7f8 rgb(122,183,248)
```

Analogous Color

#f8bb7a
```
#f8bb7a rgb(248,187,122)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#f87ab7
```
#f87ab7 rgb(248,122,183)
```

Split Complementary Color

#f6f87a
```
#f6f87a rgb(246,248,122)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#f87af6
```
#f87af6 rgb(248,122,246)
```

Triadic Color

#7af87c
```
#7af87c rgb(122,248,124)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#f87af6
```
#f87af6 rgb(248,122,246)
```
#f87c7a
```
#f87c7a rgb(248,124,122)
```

Tetradic Color

#31f1f4
```
#31f1f4 rgb(49,241,244)
```
#4af3f5
```
#4af3f5 rgb(74,243,245)
```
#62f4f7
```
#62f4f7 rgb(98,244,247)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#92f8f9
```
#92f8f9 rgb(146,248,249)
```
#aaf9fb
```
#aaf9fb rgb(170,249,251)
```
#c3fbfc
```
#c3fbfc rgb(195,251,252)
```

Monochromatic Color

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

#7af8db
```
#7af8db rgb(122,248,219)
```
#7af8e5
```
#7af8e5 rgb(122,248,229)
```
#7af8f0
```
#7af8f0 rgb(122,248,240)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#7aecf8
```
#7aecf8 rgb(122,236,248)
```
#7ae1f8
```
#7ae1f8 rgb(122,225,248)
```
#7ad7f8
```
#7ad7f8 rgb(122,215,248)
```

Similar Colors

Text with hexadecimal color #7af6f8

This text has a font color of #7af6f8.

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

#7af6f8 background color

This paragraph has a background color of #7af6f8.

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

#7af6f8 border color

This element has a border color of #7af6f8.

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

CSS codes

.text {color:#7af6f8;}

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

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

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, #011010 is the darkest color, while #fcffff is the lightest one.

#011010
```
#011010 rgb(1,16,16)
```
#022223
```
#022223 rgb(2,34,35)
```
#033535
```
#033535 rgb(3,53,53)
```
#044748
```
#044748 rgb(4,71,72)
```
#05595b
```
#05595b rgb(5,89,91)
```
#066c6d
```
#066c6d rgb(6,108,109)
```
#077e80
```
#077e80 rgb(7,126,128)
```
#089093
```
#089093 rgb(8,144,147)
```
#09a3a5
```
#09a3a5 rgb(9,163,165)
```
#0ab5b8
```
#0ab5b8 rgb(10,181,184)
```
#0bc7ca
```
#0bc7ca rgb(11,199,202)
```
#0cdadd
```
#0cdadd rgb(12,218,221)
```
#0decf0
```
#0decf0 rgb(13,236,240)
```

Shade Color Variation

#1df0f3
```
#1df0f3 rgb(29,240,243)
```
#2ff1f4
```
#2ff1f4 rgb(47,241,244)
```
#42f2f5
```
#42f2f5 rgb(66,242,245)
```
#55f3f6
```
#55f3f6 rgb(85,243,246)
```
#67f5f7
```
#67f5f7 rgb(103,245,247)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#8df7f9
```
#8df7f9 rgb(141,247,249)
```
#9ff9fa
```
#9ff9fa rgb(159,249,250)
```
#b2fafb
```
#b2fafb rgb(178,250,251)
```
#c5fbfc
```
#c5fbfc rgb(197,251,252)
```
#d7fcfd
```
#d7fcfd rgb(215,252,253)
```
#eafefe
```
#eafefe rgb(234,254,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#b5bdbd
```
#b5bdbd rgb(181,189,189)
```
#b0c2c2
```
#b0c2c2 rgb(176,194,194)
```
#aac7c8
```
#aac7c8 rgb(170,199,200)
```
#a5cccd
```
#a5cccd rgb(165,204,205)
```
#a0d2d2
```
#a0d2d2 rgb(160,210,210)
```
#9ad7d8
```
#9ad7d8 rgb(154,215,216)
```
#95dcdd
```
#95dcdd rgb(149,220,221)
```
#90e1e2
```
#90e1e2 rgb(144,225,226)
```
#8ae6e8
```
#8ae6e8 rgb(138,230,232)
```
#85eced
```
#85eced rgb(133,236,237)
```
#7ff1f3
```
#7ff1f3 rgb(127,241,243)
```
#7af6f8
```
#7af6f8 rgb(122,246,248)
```
#75fbfd
```
#75fbfd rgb(117,251,253)
```

Tone Color Variation

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

Dichromacy

#e5e3ed Protanopia 1% of men
#ebdfff Deuteranopia 1% of men
#a3f0ff Tritanopia 0.001% of the population

Trichromacy

#beeaf1 Protanomaly 1% of men, 0.01% of women
#c2e7fc Deuteranomaly 6% of men, 0.4% of women
#94f2fc Tritanomaly 0.01% of the population

#7af6f8 hex color

#7af6f8 Color Information

#7af6f8 Color Conversion

Color Schemes with #7af6f8

Alternatives to #7af6f8

#7af6f8 Preview

Shades and Tints of #7af6f8

Tones of #7af6f8

Color Blindness Simulator