#7afffd hex color

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

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

● #7afffd color description : Very light cyan.

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

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

CIE-LAB	92.903, -36.92, -10.239
XYZ	61.51, 82.745, 105.653
xyY	0.246, 0.331, 82.745
CIE-LCH	92.903, 38.314, 195.5
CIE-LUV	92.903, -55.47, -10.315
Hunter-Lab	90.964, -38.485, -5.189
Binary	01111010, 11111111, 11111101

#7afffd
```
#7afffd rgb(122,255,253)
```
#ff7a7c
```
#ff7a7c rgb(255,122,124)
```

Complementary Color

#7affbb
```
#7affbb rgb(122,255,187)
```
#7afffd
```
#7afffd rgb(122,255,253)
```
#7abfff
```
#7abfff rgb(122,191,255)
```

Analogous Color

#ffbb7a
```
#ffbb7a rgb(255,187,122)
```
#7afffd
```
#7afffd rgb(122,255,253)
```
#ff7abf
```
#ff7abf rgb(255,122,191)
```

Split Complementary Color

#fffd7a
```
#fffd7a rgb(255,253,122)
```
#7afffd
```
#7afffd rgb(122,255,253)
```
#fd7aff
```
#fd7aff rgb(253,122,255)
```

Triadic Color

#7cff7a
```
#7cff7a rgb(124,255,122)
```
#7afffd
```
#7afffd rgb(122,255,253)
```
#fd7aff
```
#fd7aff rgb(253,122,255)
```
#ff7a7c
```
#ff7a7c rgb(255,122,124)
```

Tetradic Color

#2efffc
```
#2efffc rgb(46,255,252)
```
#47fffc
```
#47fffc rgb(71,255,252)
```
#61fffd
```
#61fffd rgb(97,255,253)
```
#7afffd
```
#7afffd rgb(122,255,253)
```
#94fffd
```
#94fffd rgb(148,255,253)
```
#adfffe
```
#adfffe rgb(173,255,254)
```
#c7fffe
```
#c7fffe rgb(199,255,254)
```

Monochromatic Color

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

#7affdc
```
#7affdc rgb(122,255,220)
```
#7affe7
```
#7affe7 rgb(122,255,231)
```
#7afff2
```
#7afff2 rgb(122,255,242)
```
#7afffd
```
#7afffd rgb(122,255,253)
```
#7af6ff
```
#7af6ff rgb(122,246,255)
```
#7aebff
```
#7aebff rgb(122,235,255)
```
#7ae0ff
```
#7ae0ff rgb(122,224,255)
```

Similar Colors

Text with hexadecimal color #7afffd

This text has a font color of #7afffd.

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

#7afffd background color

This paragraph has a background color of #7afffd.

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

#7afffd border color

This element has a border color of #7afffd.

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

CSS codes

.text {color:#7afffd;}

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

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

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)
```
#002c2b
```
#002c2b rgb(0,44,43)
```
#003f3e
```
#003f3e rgb(0,63,62)
```
#005352
```
#005352 rgb(0,83,82)
```
#006665
```
#006665 rgb(0,102,101)
```
#007a78
```
#007a78 rgb(0,122,120)
```
#008e8b
```
#008e8b rgb(0,142,139)
```
#00a19f
```
#00a19f rgb(0,161,159)
```
#00b5b2
```
#00b5b2 rgb(0,181,178)
```
#00c8c5
```
#00c8c5 rgb(0,200,197)
```
#00dcd9
```
#00dcd9 rgb(0,220,217)
```
#00f0ec
```
#00f0ec rgb(0,240,236)
```

Shade Color Variation

#04fffb
```
#04fffb rgb(4,255,251)
```
#18fffc
```
#18fffc rgb(24,255,252)
```
#2cfffc
```
#2cfffc rgb(44,255,252)
```
#3ffffc
```
#3ffffc rgb(63,255,252)
```
#53fffc
```
#53fffc rgb(83,255,252)
```
#66fffd
```
#66fffd rgb(102,255,253)
```
#7afffd
```
#7afffd rgb(122,255,253)
```
#8efffd
```
#8efffd rgb(142,255,253)
```
#a1fffe
```
#a1fffe rgb(161,255,254)
```
#b5fffe
```
#b5fffe rgb(181,255,254)
```
#c8fffe
```
#c8fffe rgb(200,255,254)
```
#dcfffe
```
#dcfffe rgb(220,255,254)
```
#f0ffff
```
#f0ffff rgb(240,255,255)
```

Tint Color Variation

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

#b7c2c1
```
#b7c2c1 rgb(183,194,193)
```
#b2c7c6
```
#b2c7c6 rgb(178,199,198)
```
#adcccb
```
#adcccb rgb(173,204,203)
```
#a8d1d0
```
#a8d1d0 rgb(168,209,208)
```
#a3d6d5
```
#a3d6d5 rgb(163,214,213)
```
#9edbda
```
#9edbda rgb(158,219,218)
```
#99e0df
```
#99e0df rgb(153,224,223)
```
#94e5e4
```
#94e5e4 rgb(148,229,228)
```
#8eebe9
```
#8eebe9 rgb(142,235,233)
```
#89f0ee
```
#89f0ee rgb(137,240,238)
```
#84f5f3
```
#84f5f3 rgb(132,245,243)
```
#7ffaf8
```
#7ffaf8 rgb(127,250,248)
```
#7afffd
```
#7afffd rgb(122,255,253)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#c4dfdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#edeaf1 Protanopia 1% of men
#f2e7ff Deuteranopia 1% of men
#c0f4ff Tritanopia 0.001% of the population

Trichromacy

#c3f1f5 Protanomaly 1% of men, 0.01% of women
#c6f0fe Deuteranomaly 6% of men, 0.4% of women
#a6f8fe Tritanomaly 0.01% of the population

#7afffd hex color

#7afffd Color Information

#7afffd Color Conversion

Color Schemes with #7afffd

Alternatives to #7afffd

#7afffd Preview

Shades and Tints of #7afffd

Tones of #7afffd

Color Blindness Simulator