#7af5fe hex color

In a RGB color space, hex #7af5fe is composed of 47.8% red, 96.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 3.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 184.1 degrees, a saturation of 98.5% and a lightness of 73.7%. #7af5fe color hex could be obtained by blending #f4ffff with #00ebfd. Closest websafe color is: #66ffff.

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

● #7af5fe color description : Soft cyan.

The hexadecimal color #7af5fe has RGB values of R:122, G:245, B:254 and CMYK values of C:0.52, M:0.04, Y:0, K:0. Its decimal value is 8058366.

Hex triplet	7af5fe	`#7af5fe`
RGB Decimal	122, 245, 254	`rgb(122,245,254)`
RGB Percent	47.8, 96.1, 99.6	`rgb(47.8%,96.1%,99.6%)`
CMYK	52, 4, 0, 0
HSL	184.1°, 98.5, 73.7	`hsl(184.1,98.5%,73.7%)`
HSV (or HSB)	184.1°, 52, 99.6
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.134, -32.01, -14.89
XYZ	58.563, 76.594, 105.458
xyY	0.243, 0.318, 76.594
CIE-LCH	90.134, 35.304, 204.947
CIE-LUV	90.134, -51.693, -18.706
Hunter-Lab	87.518, -33.713, -10.181
Binary	01111010, 11110101, 11111110

#7af5fe
```
#7af5fe rgb(122,245,254)
```
#fe837a
```
#fe837a rgb(254,131,122)
```

Complementary Color

#7afec5
```
#7afec5 rgb(122,254,197)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```
#7ab3fe
```
#7ab3fe rgb(122,179,254)
```

Analogous Color

#fec57a
```
#fec57a rgb(254,197,122)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```
#fe7ab3
```
#fe7ab3 rgb(254,122,179)
```

Split Complementary Color

#f5fe7a
```
#f5fe7a rgb(245,254,122)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```
#fe7af5
```
#fe7af5 rgb(254,122,245)
```

Triadic Color

#7afe83
```
#7afe83 rgb(122,254,131)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```
#fe7af5
```
#fe7af5 rgb(254,122,245)
```
#fe837a
```
#fe837a rgb(254,131,122)
```

Tetradic Color

#2eeffd
```
#2eeffd rgb(46,239,253)
```
#47f1fe
```
#47f1fe rgb(71,241,254)
```
#61f3fe
```
#61f3fe rgb(97,243,254)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```
#93f7fe
```
#93f7fe rgb(147,247,254)
```
#adf9fe
```
#adf9fe rgb(173,249,254)
```
#c6fbff
```
#c6fbff rgb(198,251,255)
```

Monochromatic Color

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

#7afee6
```
#7afee6 rgb(122,254,230)
```
#7afef1
```
#7afef1 rgb(122,254,241)
```
#7afefc
```
#7afefc rgb(122,254,252)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```
#7aeafe
```
#7aeafe rgb(122,234,254)
```
#7adffe
```
#7adffe rgb(122,223,254)
```
#7ad4fe
```
#7ad4fe rgb(122,212,254)
```

Similar Colors

Text with hexadecimal color #7af5fe

This text has a font color of #7af5fe.

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

#7af5fe background color

This paragraph has a background color of #7af5fe.

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

#7af5fe border color

This element has a border color of #7af5fe.

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

CSS codes

.text {color:#7af5fe;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001517
```
#001517 rgb(0,21,23)
```
#00272a
```
#00272a rgb(0,39,42)
```
#003a3e
```
#003a3e rgb(0,58,62)
```
#014c51
```
#014c51 rgb(1,76,81)
```
#015e65
```
#015e65 rgb(1,94,101)
```
#017078
```
#017078 rgb(1,112,120)
```
#01828c
```
#01828c rgb(1,130,140)
```
#01949f
```
#01949f rgb(1,148,159)
```
#01a6b3
```
#01a6b3 rgb(1,166,179)
```
#01b9c6
```
#01b9c6 rgb(1,185,198)
```
#02cbd9
```
#02cbd9 rgb(2,203,217)
```
#02dded
```
#02dded rgb(2,221,237)
```

Shade Color Variation

#05ecfd
```
#05ecfd rgb(5,236,253)
```
#19eefd
```
#19eefd rgb(25,238,253)
```
#2ceffd
```
#2ceffd rgb(44,239,253)
```
#40f1fe
```
#40f1fe rgb(64,241,254)
```
#53f2fe
```
#53f2fe rgb(83,242,254)
```
#67f4fe
```
#67f4fe rgb(103,244,254)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```
#8df6fe
```
#8df6fe rgb(141,246,254)
```
#a1f8fe
```
#a1f8fe rgb(161,248,254)
```
#b4f9fe
```
#b4f9fe rgb(180,249,254)
```
#c8fbff
```
#c8fbff rgb(200,251,255)
```
#dbfcff
```
#dbfcff rgb(219,252,255)
```
#effeff
```
#effeff rgb(239,254,255)
```

Tint Color Variation

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

#b8c0c0
```
#b8c0c0 rgb(184,192,192)
```
#b3c4c5
```
#b3c4c5 rgb(179,196,197)
```
#aec8ca
```
#aec8ca rgb(174,200,202)
```
#a8cdd0
```
#a8cdd0 rgb(168,205,208)
```
#a3d1d5
```
#a3d1d5 rgb(163,209,213)
```
#9ed6da
```
#9ed6da rgb(158,214,218)
```
#99dadf
```
#99dadf rgb(153,218,223)
```
#94dfe4
```
#94dfe4 rgb(148,223,228)
```
#8fe3e9
```
#8fe3e9 rgb(143,227,233)
```
#89e8ef
```
#89e8ef rgb(137,232,239)
```
#84ecf4
```
#84ecf4 rgb(132,236,244)
```
#7ff1f9
```
#7ff1f9 rgb(127,241,249)
```
#7af5fe
```
#7af5fe rgb(122,245,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#c0d8da Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2f3 Protanopia 1% of men
#e7e0ff Deuteranopia 1% of men
#a1f0ff Tritanopia 0.001% of the population

Trichromacy

#bde9f7 Protanomaly 1% of men, 0.01% of women
#bfe7fe Deuteranomaly 6% of men, 0.4% of women
#92f2fe Tritanomaly 0.01% of the population

#7af5fe hex color

#7af5fe Color Information

#7af5fe Color Conversion

Color Schemes with #7af5fe

Alternatives to #7af5fe

#7af5fe Preview

Shades and Tints of #7af5fe

Tones of #7af5fe

Color Blindness Simulator