#7afcf2 hex color

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

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

● #7afcf2 color description : Soft cyan.

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

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

CIE-LAB	91.759, -38.297, -6.234
XYZ	58.859, 80.165, 96.371
xyY	0.25, 0.341, 80.165
CIE-LCH	91.759, 38.801, 189.246
CIE-LUV	91.759, -54.86, -3.574
Hunter-Lab	89.535, -39.343, -1.143
Binary	01111010, 11111100, 11110010

#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#fc7a84
```
#fc7a84 rgb(252,122,132)
```

Complementary Color

#7afcb1
```
#7afcb1 rgb(122,252,177)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#7ac5fc
```
#7ac5fc rgb(122,197,252)
```

Analogous Color

#fcb17a
```
#fcb17a rgb(252,177,122)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#fc7ac5
```
#fc7ac5 rgb(252,122,197)
```

Split Complementary Color

#fcf27a
```
#fcf27a rgb(252,242,122)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#f27afc
```
#f27afc rgb(242,122,252)
```

Triadic Color

#84fc7a
```
#84fc7a rgb(132,252,122)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#f27afc
```
#f27afc rgb(242,122,252)
```
#fc7a84
```
#fc7a84 rgb(252,122,132)
```

Tetradic Color

#2ffaeb
```
#2ffaeb rgb(47,250,235)
```
#48fbed
```
#48fbed rgb(72,251,237)
```
#61fbf0
```
#61fbf0 rgb(97,251,240)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#93fdf4
```
#93fdf4 rgb(147,253,244)
```
#acfdf7
```
#acfdf7 rgb(172,253,247)
```
#c5fef9
```
#c5fef9 rgb(197,254,249)
```

Monochromatic Color

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

#7afcd2
```
#7afcd2 rgb(122,252,210)
```
#7afcdc
```
#7afcdc rgb(122,252,220)
```
#7afce7
```
#7afce7 rgb(122,252,231)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#7afbfc
```
#7afbfc rgb(122,251,252)
```
#7af0fc
```
#7af0fc rgb(122,240,252)
```
#7ae6fc
```
#7ae6fc rgb(122,230,252)
```

Similar Colors

Text with hexadecimal color #7afcf2

This text has a font color of #7afcf2.

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

#7afcf2 background color

This paragraph has a background color of #7afcf2.

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

#7afcf2 border color

This element has a border color of #7afcf2.

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

CSS codes

.text {color:#7afcf2;}

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

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

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 #edfffd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#001413
```
#001413 rgb(0,20,19)
```
#012825
```
#012825 rgb(1,40,37)
```
#013b36
```
#013b36 rgb(1,59,54)
```
#024e48
```
#024e48 rgb(2,78,72)
```
#02615a
```
#02615a rgb(2,97,90)
```
#03746c
```
#03746c rgb(3,116,108)
```
#03887d
```
#03887d rgb(3,136,125)
```
#039b8f
```
#039b8f rgb(3,155,143)
```
#04aea1
```
#04aea1 rgb(4,174,161)
```
#04c1b3
```
#04c1b3 rgb(4,193,179)
```
#05d4c4
```
#05d4c4 rgb(5,212,196)
```
#05e7d6
```
#05e7d6 rgb(5,231,214)
```

Shade Color Variation

#07f9e7
```
#07f9e7 rgb(7,249,231)
```
#1afae9
```
#1afae9 rgb(26,250,233)
```
#2dfaeb
```
#2dfaeb rgb(45,250,235)
```
#40fbec
```
#40fbec rgb(64,251,236)
```
#54fbee
```
#54fbee rgb(84,251,238)
```
#67fcf0
```
#67fcf0 rgb(103,252,240)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```
#8dfcf4
```
#8dfcf4 rgb(141,252,244)
```
#a0fdf6
```
#a0fdf6 rgb(160,253,246)
```
#b4fdf8
```
#b4fdf8 rgb(180,253,248)
```
#c7fefa
```
#c7fefa rgb(199,254,250)
```
#dafefb
```
#dafefb rgb(218,254,251)
```
#edfffd
```
#edfffd rgb(237,255,253)
```

Tint Color Variation

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

#b9bdbd
```
#b9bdbd rgb(185,189,189)
```
#b4c2c1
```
#b4c2c1 rgb(180,194,193)
```
#aec8c6
```
#aec8c6 rgb(174,200,198)
```
#a9cdca
```
#a9cdca rgb(169,205,202)
```
#a4d2cf
```
#a4d2cf rgb(164,210,207)
```
#9fd7d3
```
#9fd7d3 rgb(159,215,211)
```
#99ddd7
```
#99ddd7 rgb(153,221,215)
```
#94e2dc
```
#94e2dc rgb(148,226,220)
```
#8fe7e0
```
#8fe7e0 rgb(143,231,224)
```
#8aece5
```
#8aece5 rgb(138,236,229)
```
#84f2e9
```
#84f2e9 rgb(132,242,233)
```
#7ff7ee
```
#7ff7ee rgb(127,247,238)
```
#7afcf2
```
#7afcf2 rgb(122,252,242)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c2dcda Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece7e7 Protanopia 1% of men
#f4e2fb Deuteranopia 1% of men
#b4f2ff Tritanopia 0.001% of the population

Trichromacy

#c2eeeb Protanomaly 1% of men, 0.01% of women
#c8ebf8 Deuteranomaly 6% of men, 0.4% of women
#9ff6fa Tritanomaly 0.01% of the population

#7afcf2 hex color

#7afcf2 Color Information

#7afcf2 Color Conversion

Color Schemes with #7afcf2

Alternatives to #7afcf2

#7afcf2 Preview

Shades and Tints of #7afcf2

Tones of #7afcf2

Color Blindness Simulator