#7af5e6 hex color

In a RGB color space, hex #7af5e6 is composed of 47.8% red, 96.1% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 0% magenta, 6.1% yellow and 3.9% black. It has a hue angle of 172.7 degrees, a saturation of 86% and a lightness of 72%. #7af5e6 color hex could be obtained by blending #f4ffff with #00ebcd. Closest websafe color is: #66ffff.

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

● #7af5e6 color description : Soft cyan.

The hexadecimal color #7af5e6 has RGB values of R:122, G:245, B:230 and CMYK values of C:0.5, M:0, Y:0.06, K:0.04. Its decimal value is 8058342.

Hex triplet	7af5e6	`#7af5e6`
RGB Decimal	122, 245, 230	`rgb(122,245,230)`
RGB Percent	47.8, 96.1, 90.2	`rgb(47.8%,96.1%,90.2%)`
CMYK	50, 0, 6, 4
HSL	172.7°, 86, 72	`hsl(172.7,86%,72%)`
HSV (or HSB)	172.7°, 50.2, 96.1
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.464, -38.038, -3.375
XYZ	54.957, 75.152, 86.468
xyY	0.254, 0.347, 75.152
CIE-LCH	89.464, 38.188, 185.07
CIE-LUV	89.464, -52.749, 0.963
Hunter-Lab	86.69, -38.548, 1.545
Binary	01111010, 11110101, 11100110

#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#f57a89
```
#f57a89 rgb(245,122,137)
```

Complementary Color

#7af5a9
```
#7af5a9 rgb(122,245,169)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#7ac7f5
```
#7ac7f5 rgb(122,199,245)
```

Analogous Color

#f5a97a
```
#f5a97a rgb(245,169,122)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#f57ac7
```
#f57ac7 rgb(245,122,199)
```

Split Complementary Color

#f5e67a
```
#f5e67a rgb(245,230,122)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#e67af5
```
#e67af5 rgb(230,122,245)
```

Triadic Color

#89f57a
```
#89f57a rgb(137,245,122)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#e67af5
```
#e67af5 rgb(230,122,245)
```
#f57a89
```
#f57a89 rgb(245,122,137)
```

Tetradic Color

#33f0d9
```
#33f0d9 rgb(51,240,217)
```
#4bf1dd
```
#4bf1dd rgb(75,241,221)
```
#62f3e2
```
#62f3e2 rgb(98,243,226)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#92f7ea
```
#92f7ea rgb(146,247,234)
```
#a9f9ef
```
#a9f9ef rgb(169,249,239)
```
#c1faf3
```
#c1faf3 rgb(193,250,243)
```

Monochromatic Color

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

#7af5c7
```
#7af5c7 rgb(122,245,199)
```
#7af5d2
```
#7af5d2 rgb(122,245,210)
```
#7af5dc
```
#7af5dc rgb(122,245,220)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#7af5f0
```
#7af5f0 rgb(122,245,240)
```
#7af0f5
```
#7af0f5 rgb(122,240,245)
```
#7ae5f5
```
#7ae5f5 rgb(122,229,245)
```

Similar Colors

Text with hexadecimal color #7af5e6

This text has a font color of #7af5e6.

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

#7af5e6 background color

This paragraph has a background color of #7af5e6.

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

#7af5e6 border color

This element has a border color of #7af5e6.

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

CSS codes

.text {color:#7af5e6;}

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

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

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, #010d0b is the darkest color, while #fafffe is the lightest one.

#010d0b
```
#010d0b rgb(1,13,11)
```
#021f1c
```
#021f1c rgb(2,31,28)
```
#04312c
```
#04312c rgb(4,49,44)
```
#05443c
```
#05443c rgb(5,68,60)
```
#06564c
```
#06564c rgb(6,86,76)
```
#08685c
```
#08685c rgb(8,104,92)
```
#097a6d
```
#097a6d rgb(9,122,109)
```
#0b8d7d
```
#0b8d7d rgb(11,141,125)
```
#0c9f8d
```
#0c9f8d rgb(12,159,141)
```
#0db19d
```
#0db19d rgb(13,177,157)
```
#0fc3ad
```
#0fc3ad rgb(15,195,173)
```
#10d6be
```
#10d6be rgb(16,214,190)
```
#11e8ce
```
#11e8ce rgb(17,232,206)
```

Shade Color Variation

#1feed5
```
#1feed5 rgb(31,238,213)
```
#31f0d8
```
#31f0d8 rgb(49,240,216)
```
#43f1dc
```
#43f1dc rgb(67,241,220)
```
#56f2df
```
#56f2df rgb(86,242,223)
```
#68f4e3
```
#68f4e3 rgb(104,244,227)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#8cf6e9
```
#8cf6e9 rgb(140,246,233)
```
#9ef8ed
```
#9ef8ed rgb(158,248,237)
```
#b1f9f0
```
#b1f9f0 rgb(177,249,240)
```
#c3faf4
```
#c3faf4 rgb(195,250,244)
```
#d5fcf7
```
#d5fcf7 rgb(213,252,247)
```
#e7fdfb
```
#e7fdfb rgb(231,253,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#b7b9b8
```
#b7b9b8 rgb(183,185,184)
```
#b1bebc
```
#b1bebc rgb(177,190,188)
```
#acc4c1
```
#acc4c1 rgb(172,196,193)
```
#a6c9c5
```
#a6c9c5 rgb(166,201,197)
```
#a1cfc9
```
#a1cfc9 rgb(161,207,201)
```
#9bd4cd
```
#9bd4cd rgb(155,212,205)
```
#96dad1
```
#96dad1 rgb(150,218,209)
```
#90dfd5
```
#90dfd5 rgb(144,223,213)
```
#8be5da
```
#8be5da rgb(139,229,218)
```
#85eade
```
#85eade rgb(133,234,222)
```
#80f0e2
```
#80f0e2 rgb(128,240,226)
```
#7af5e6
```
#7af5e6 rgb(122,245,230)
```
#75fbea
```
#75fbea rgb(117,251,234)
```

Tone Color Variation

Below, you can see how #7af5e6 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
#bed7d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e1dc Protanopia 1% of men
#f0dcf0 Deuteranopia 1% of men
#9befff Tritanopia 0.001% of the population

Trichromacy

#bfe8e0 Protanomaly 1% of men, 0.01% of women
#c5e5ec Deuteranomaly 6% of men, 0.4% of women
#8ff1f5 Tritanomaly 0.01% of the population

#7af5e6 hex color

#7af5e6 Color Information

#7af5e6 Color Conversion

Color Schemes with #7af5e6

Alternatives to #7af5e6

#7af5e6 Preview

Shades and Tints of #7af5e6

Tones of #7af5e6

Color Blindness Simulator