#7af1fc hex color

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

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

● #7af1fc color description : Soft cyan.

The hexadecimal color #7af1fc has RGB values of R:122, G:241, B:252 and CMYK values of C:0.52, M:0.04, Y:0, K:0.01. Its decimal value is 8057340.

Hex triplet	7af1fc	`#7af1fc`
RGB Decimal	122, 241, 252	`rgb(122,241,252)`
RGB Percent	47.8, 94.5, 98.8	`rgb(47.8%,94.5%,98.8%)`
CMYK	52, 4, 0, 1
HSL	185.1°, 95.6, 73.3	`hsl(185.1,95.6%,73.3%)`
HSV (or HSB)	185.1°, 51.6, 98.8
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.957, -30.637, -15.613
XYZ	57.047, 74.072, 103.381
xyY	0.243, 0.316, 74.072
CIE-LCH	88.957, 34.386, 207.005
CIE-LUV	88.957, -50.28, -20.088
Hunter-Lab	86.065, -32.298, -10.973
Binary	01111010, 11110001, 11111100

#7af1fc
```
#7af1fc rgb(122,241,252)
```
#fc857a
```
#fc857a rgb(252,133,122)
```

Complementary Color

#7afcc6
```
#7afcc6 rgb(122,252,198)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```
#7ab0fc
```
#7ab0fc rgb(122,176,252)
```

Analogous Color

#fcc67a
```
#fcc67a rgb(252,198,122)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```
#fc7ab0
```
#fc7ab0 rgb(252,122,176)
```

Split Complementary Color

#f1fc7a
```
#f1fc7a rgb(241,252,122)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```
#fc7af1
```
#fc7af1 rgb(252,122,241)
```

Triadic Color

#7afc85
```
#7afc85 rgb(122,252,133)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```
#fc7af1
```
#fc7af1 rgb(252,122,241)
```
#fc857a
```
#fc857a rgb(252,133,122)
```

Tetradic Color

#2fe9fa
```
#2fe9fa rgb(47,233,250)
```
#48ecfb
```
#48ecfb rgb(72,236,251)
```
#61eefb
```
#61eefb rgb(97,238,251)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```
#93f4fd
```
#93f4fd rgb(147,244,253)
```
#acf6fd
```
#acf6fd rgb(172,246,253)
```
#c5f9fe
```
#c5f9fe rgb(197,249,254)
```

Monochromatic Color

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

#7afce7
```
#7afce7 rgb(122,252,231)
```
#7afcf1
```
#7afcf1 rgb(122,252,241)
```
#7afcfc
```
#7afcfc rgb(122,252,252)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```
#7ae6fc
```
#7ae6fc rgb(122,230,252)
```
#7adbfc
```
#7adbfc rgb(122,219,252)
```
#7ad1fc
```
#7ad1fc rgb(122,209,252)
```

Similar Colors

Text with hexadecimal color #7af1fc

This text has a font color of #7af1fc.

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

#7af1fc background color

This paragraph has a background color of #7af1fc.

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

#7af1fc border color

This element has a border color of #7af1fc.

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

CSS codes

.text {color:#7af1fc;}

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

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

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)
```
#02484e
```
#02484e rgb(2,72,78)
```
#025961
```
#025961 rgb(2,89,97)
```
#036b74
```
#036b74 rgb(3,107,116)
```
#037c88
```
#037c88 rgb(3,124,136)
```
#038e9b
```
#038e9b rgb(3,142,155)
```
#04a0ae
```
#04a0ae rgb(4,160,174)
```
#04b1c1
```
#04b1c1 rgb(4,177,193)
```
#05c3d4
```
#05c3d4 rgb(5,195,212)
```
#05d4e7
```
#05d4e7 rgb(5,212,231)
```

Shade Color Variation

#07e5f9
```
#07e5f9 rgb(7,229,249)
```
#1ae7fa
```
#1ae7fa rgb(26,231,250)
```
#2de9fa
```
#2de9fa rgb(45,233,250)
```
#40ebfb
```
#40ebfb rgb(64,235,251)
```
#54edfb
```
#54edfb rgb(84,237,251)
```
#67effc
```
#67effc rgb(103,239,252)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```
#8df3fc
```
#8df3fc rgb(141,243,252)
```
#a0f5fd
```
#a0f5fd rgb(160,245,253)
```
#b4f7fd
```
#b4f7fd rgb(180,247,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 #7af1fc is the most saturated one.

#b9bdbd
```
#b9bdbd rgb(185,189,189)
```
#b4c1c2
```
#b4c1c2 rgb(180,193,194)
```
#aec6c8
```
#aec6c8 rgb(174,198,200)
```
#a9cacd
```
#a9cacd rgb(169,202,205)
```
#a4ced2
```
#a4ced2 rgb(164,206,210)
```
#9fd3d7
```
#9fd3d7 rgb(159,211,215)
```
#99d7dd
```
#99d7dd rgb(153,215,221)
```
#94dbe2
```
#94dbe2 rgb(148,219,226)
```
#8fe0e7
```
#8fe0e7 rgb(143,224,231)
```
#8ae4ec
```
#8ae4ec rgb(138,228,236)
```
#84e8f2
```
#84e8f2 rgb(132,232,242)
```
#7fedf7
```
#7fedf7 rgb(127,237,247)
```
#7af1fc
```
#7af1fc rgb(122,241,252)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#bed6d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdff1 Protanopia 1% of men
#e3dcff Deuteranopia 1% of men
#91efff Tritanopia 0.001% of the population

Trichromacy

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

#7af1fc hex color

#7af1fc Color Information

#7af1fc Color Conversion

Color Schemes with #7af1fc

Alternatives to #7af1fc

#7af1fc Preview

Shades and Tints of #7af1fc

Tones of #7af1fc

Color Blindness Simulator