#7af0fc hex color

In a RGB color space, hex #7af0fc is composed of 47.8% red, 94.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 4.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 185.5 degrees, a saturation of 95.6% and a lightness of 73.3%. #7af0fc color hex could be obtained by blending #f4ffff with #00e1f9. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 48
- G 94
- B 99
RGB color chart
- C 52
- M 5
- Y 0
- K 1
CMYK color chart

● #7af0fc color description : Soft cyan.

The hexadecimal color #7af0fc has RGB values of R:122, G:240, B:252 and CMYK values of C:0.52, M:0.05, Y:0, K:0.01. Its decimal value is 8057084.

Hex triplet	7af0fc	`#7af0fc`
RGB Decimal	122, 240, 252	`rgb(122,240,252)`
RGB Percent	47.8, 94.1, 98.8	`rgb(47.8%,94.1%,98.8%)`
CMYK	52, 5, 0, 1
HSL	185.5°, 95.6, 73.3	`hsl(185.5,95.6%,73.3%)`
HSV (or HSB)	185.5°, 51.6, 98.8
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.677, -30.16, -16.033
XYZ	56.752, 73.482, 103.283
xyY	0.243, 0.315, 73.482
CIE-LCH	88.677, 34.157, 207.995
CIE-LUV	88.677, -49.905, -20.852
Hunter-Lab	85.722, -31.837, -11.431
Binary	01111010, 11110000, 11111100

#7af0fc
```
#7af0fc rgb(122,240,252)
```
#fc867a
```
#fc867a rgb(252,134,122)
```

Complementary Color

#7afcc7
```
#7afcc7 rgb(122,252,199)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#7aaffc
```
#7aaffc rgb(122,175,252)
```

Analogous Color

#fcc77a
```
#fcc77a rgb(252,199,122)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#fc7aaf
```
#fc7aaf rgb(252,122,175)
```

Split Complementary Color

#f0fc7a
```
#f0fc7a rgb(240,252,122)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#fc7af0
```
#fc7af0 rgb(252,122,240)
```

Triadic Color

#7afc86
```
#7afc86 rgb(122,252,134)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#fc7af0
```
#fc7af0 rgb(252,122,240)
```
#fc867a
```
#fc867a rgb(252,134,122)
```

Tetradic Color

#2fe8fa
```
#2fe8fa rgb(47,232,250)
```
#48eafb
```
#48eafb rgb(72,234,251)
```
#61edfb
```
#61edfb rgb(97,237,251)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#93f3fd
```
#93f3fd rgb(147,243,253)
```
#acf6fd
```
#acf6fd rgb(172,246,253)
```
#c5f8fe
```
#c5f8fe rgb(197,248,254)
```

Monochromatic Color

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

#7afce8
```
#7afce8 rgb(122,252,232)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#7afbfc
```
#7afbfc rgb(122,251,252)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#7ae5fc
```
#7ae5fc rgb(122,229,252)
```
#7adafc
```
#7adafc rgb(122,218,252)
```
#7ad0fc
```
#7ad0fc rgb(122,208,252)
```

Similar Colors

Text with hexadecimal color #7af0fc

This text has a font color of #7af0fc.

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

#7af0fc background color

This paragraph has a background color of #7af0fc.

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

#7af0fc border color

This element has a border color of #7af0fc.

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

CSS codes

.text {color:#7af0fc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001314
```
#001314 rgb(0,19,20)
```
#012428
```
#012428 rgb(1,36,40)
```
#01363b
```
#01363b rgb(1,54,59)
```
#02474e
```
#02474e rgb(2,71,78)
```
#025861
```
#025861 rgb(2,88,97)
```
#036a74
```
#036a74 rgb(3,106,116)
```
#037b88
```
#037b88 rgb(3,123,136)
```
#038d9b
```
#038d9b rgb(3,141,155)
```
#049eae
```
#049eae rgb(4,158,174)
```
#04b0c1
```
#04b0c1 rgb(4,176,193)
```
#05c1d4
```
#05c1d4 rgb(5,193,212)
```
#05d3e7
```
#05d3e7 rgb(5,211,231)
```

Shade Color Variation

#07e3f9
```
#07e3f9 rgb(7,227,249)
```
#1ae5fa
```
#1ae5fa rgb(26,229,250)
```
#2de7fa
```
#2de7fa rgb(45,231,250)
```
#40eafb
```
#40eafb rgb(64,234,251)
```
#54ecfb
```
#54ecfb rgb(84,236,251)
```
#67eefc
```
#67eefc rgb(103,238,252)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#8df2fc
```
#8df2fc rgb(141,242,252)
```
#a0f4fd
```
#a0f4fd rgb(160,244,253)
```
#b4f6fd
```
#b4f6fd rgb(180,246,253)
```
#c7f9fe
```
#c7f9fe rgb(199,249,254)
```
#dafbfe
```
#dafbfe rgb(218,251,254)
```
#edfdff
```
#edfdff rgb(237,253,255)
```

Tint Color Variation

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

#b9bdbd
```
#b9bdbd rgb(185,189,189)
```
#b4c1c2
```
#b4c1c2 rgb(180,193,194)
```
#aec5c8
```
#aec5c8 rgb(174,197,200)
```
#a9cacd
```
#a9cacd rgb(169,202,205)
```
#a4ced2
```
#a4ced2 rgb(164,206,210)
```
#9fd2d7
```
#9fd2d7 rgb(159,210,215)
```
#99d6dd
```
#99d6dd rgb(153,214,221)
```
#94dbe2
```
#94dbe2 rgb(148,219,226)
```
#8fdfe7
```
#8fdfe7 rgb(143,223,231)
```
#8ae3ec
```
#8ae3ec rgb(138,227,236)
```
#84e7f2
```
#84e7f2 rgb(132,231,242)
```
#7fecf7
```
#7fecf7 rgb(127,236,247)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```

Tone Color Variation

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

Dichromacy

#dedef1 Protanopia 1% of men
#e2dcff Deuteranopia 1% of men
#8eeeff Tritanopia 0.001% of the population

Trichromacy

#bae5f5 Protanomaly 1% of men, 0.01% of women
#bce3fd Deuteranomaly 6% of men, 0.4% of women
#86effd Tritanomaly 0.01% of the population

#7af0fc hex color

#7af0fc Color Information

#7af0fc Color Conversion

Color Schemes with #7af0fc

Alternatives to #7af0fc

#7af0fc Preview

Shades and Tints of #7af0fc

Tones of #7af0fc

Color Blindness Simulator