#7afdff hex color

In a RGB color space, hex #7afdff is composed of 47.8% red, 99.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 0.8% magenta, 0% yellow and 0% black. It has a hue angle of 180.9 degrees, a saturation of 100% and a lightness of 73.9%. #7afdff color hex could be obtained by blending #f4ffff with #00fbff. Closest websafe color is: #66ffff.

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

● #7afdff color description : Very light cyan.

The hexadecimal color #7afdff has RGB values of R:122, G:253, B:255 and CMYK values of C:0.52, M:0.01, Y:0, K:0. Its decimal value is 8060415.

Hex triplet	7afdff	`#7afdff`
RGB Decimal	122, 253, 255	`rgb(122,253,255)`
RGB Percent	47.8, 99.2, 100	`rgb(47.8%,99.2%,100%)`
CMYK	52, 1, 0, 0
HSL	180.9°, 100, 73.9	`hsl(180.9,100%,73.9%)`
HSV (or HSB)	180.9°, 52.2, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	92.4, -35.49, -12.024
XYZ	61.196, 81.604, 107.128
xyY	0.245, 0.327, 81.604
CIE-LCH	92.4, 37.472, 198.716
CIE-LUV	92.4, -54.632, -13.467
Hunter-Lab	90.335, -37.163, -7.078
Binary	01111010, 11111101, 11111111

#7afdff
```
#7afdff rgb(122,253,255)
```
#ff7c7a
```
#ff7c7a rgb(255,124,122)
```

Complementary Color

#7affbf
```
#7affbf rgb(122,255,191)
```
#7afdff
```
#7afdff rgb(122,253,255)
```
#7abbff
```
#7abbff rgb(122,187,255)
```

Analogous Color

#ffbf7a
```
#ffbf7a rgb(255,191,122)
```
#7afdff
```
#7afdff rgb(122,253,255)
```
#ff7abb
```
#ff7abb rgb(255,122,187)
```

Split Complementary Color

#fdff7a
```
#fdff7a rgb(253,255,122)
```
#7afdff
```
#7afdff rgb(122,253,255)
```
#ff7afd
```
#ff7afd rgb(255,122,253)
```

Triadic Color

#7aff7c
```
#7aff7c rgb(122,255,124)
```
#7afdff
```
#7afdff rgb(122,253,255)
```
#ff7afd
```
#ff7afd rgb(255,122,253)
```
#ff7c7a
```
#ff7c7a rgb(255,124,122)
```

Tetradic Color

#2efcff
```
#2efcff rgb(46,252,255)
```
#47fcff
```
#47fcff rgb(71,252,255)
```
#61fdff
```
#61fdff rgb(97,253,255)
```
#7afdff
```
#7afdff rgb(122,253,255)
```
#94fdff
```
#94fdff rgb(148,253,255)
```
#adfeff
```
#adfeff rgb(173,254,255)
```
#c7feff
```
#c7feff rgb(199,254,255)
```

Monochromatic Color

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

#7affe0
```
#7affe0 rgb(122,255,224)
```
#7affeb
```
#7affeb rgb(122,255,235)
```
#7afff6
```
#7afff6 rgb(122,255,246)
```
#7afdff
```
#7afdff rgb(122,253,255)
```
#7af2ff
```
#7af2ff rgb(122,242,255)
```
#7ae7ff
```
#7ae7ff rgb(122,231,255)
```
#7adcff
```
#7adcff rgb(122,220,255)
```

Similar Colors

Text with hexadecimal color #7afdff

This text has a font color of #7afdff.

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

#7afdff background color

This paragraph has a background color of #7afdff.

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

#7afdff border color

This element has a border color of #7afdff.

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

CSS codes

.text {color:#7afdff;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001818
```
#001818 rgb(0,24,24)
```
#002b2c
```
#002b2c rgb(0,43,44)
```
#003e3f
```
#003e3f rgb(0,62,63)
```
#005253
```
#005253 rgb(0,82,83)
```
#006566
```
#006566 rgb(0,101,102)
```
#00787a
```
#00787a rgb(0,120,122)
```
#008b8e
```
#008b8e rgb(0,139,142)
```
#009fa1
```
#009fa1 rgb(0,159,161)
```
#00b2b5
```
#00b2b5 rgb(0,178,181)
```
#00c5c8
```
#00c5c8 rgb(0,197,200)
```
#00d9dc
```
#00d9dc rgb(0,217,220)
```
#00ecf0
```
#00ecf0 rgb(0,236,240)
```

Shade Color Variation

#04fbff
```
#04fbff rgb(4,251,255)
```
#18fcff
```
#18fcff rgb(24,252,255)
```
#2cfcff
```
#2cfcff rgb(44,252,255)
```
#3ffcff
```
#3ffcff rgb(63,252,255)
```
#53fcff
```
#53fcff rgb(83,252,255)
```
#66fdff
```
#66fdff rgb(102,253,255)
```
#7afdff
```
#7afdff rgb(122,253,255)
```
#8efdff
```
#8efdff rgb(142,253,255)
```
#a1feff
```
#a1feff rgb(161,254,255)
```
#b5feff
```
#b5feff rgb(181,254,255)
```
#c8feff
```
#c8feff rgb(200,254,255)
```
#dcfeff
```
#dcfeff rgb(220,254,255)
```
#f0ffff
```
#f0ffff rgb(240,255,255)
```

Tint Color Variation

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

#b7c1c2
```
#b7c1c2 rgb(183,193,194)
```
#b2c6c7
```
#b2c6c7 rgb(178,198,199)
```
#adcbcc
```
#adcbcc rgb(173,203,204)
```
#a8d0d1
```
#a8d0d1 rgb(168,208,209)
```
#a3d5d6
```
#a3d5d6 rgb(163,213,214)
```
#9edadb
```
#9edadb rgb(158,218,219)
```
#99dfe0
```
#99dfe0 rgb(153,223,224)
```
#94e4e5
```
#94e4e5 rgb(148,228,229)
```
#8ee9eb
```
#8ee9eb rgb(142,233,235)
```
#89eef0
```
#89eef0 rgb(137,238,240)
```
#84f3f5
```
#84f3f5 rgb(132,243,245)
```
#7ff8fa
```
#7ff8fa rgb(127,248,250)
```
#7afdff
```
#7afdff rgb(122,253,255)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#c4dede Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe8f3 Protanopia 1% of men
#efe6ff Deuteranopia 1% of men
#baf3ff Tritanopia 0.001% of the population

Trichromacy

#c2f0f7 Protanomaly 1% of men, 0.01% of women
#c4eeff Deuteranomaly 6% of men, 0.4% of women
#a3f7ff Tritanomaly 0.01% of the population

#7afdff hex color

#7afdff Color Information

#7afdff Color Conversion

Color Schemes with #7afdff

Alternatives to #7afdff

#7afdff Preview

Shades and Tints of #7afdff

Tones of #7afdff

Color Blindness Simulator