#7af7ec hex color

In a RGB color space, hex #7af7ec is composed of 47.8% red, 96.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 0% magenta, 4.5% yellow and 3.1% black. It has a hue angle of 174.7 degrees, a saturation of 88.7% and a lightness of 72.4%. #7af7ec color hex could be obtained by blending #f4ffff with #00efd9. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 48
- G 97
- B 93
RGB color chart
- C 51
- M 0
- Y 4
- K 3
CMYK color chart

● #7af7ec color description : Soft cyan.

The hexadecimal color #7af7ec has RGB values of R:122, G:247, B:236 and CMYK values of C:0.51, M:0, Y:0.04, K:0.03. Its decimal value is 8058860.

Hex triplet	7af7ec	`#7af7ec`
RGB Decimal	122, 247, 236	`rgb(122,247,236)`
RGB Percent	47.8, 96.9, 92.5	`rgb(47.8%,96.9%,92.5%)`
CMYK	51, 0, 4, 3
HSL	174.7°, 88.7, 72.4	`hsl(174.7,88.7%,72.4%)`
HSV (or HSB)	174.7°, 50.6, 96.9
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.189, -37.491, -5.434
XYZ	56.423, 76.711, 91.186
xyY	0.252, 0.342, 76.711
CIE-LCH	90.189, 37.883, 188.247
CIE-LUV	90.189, -53.244, -2.407
Hunter-Lab	87.585, -38.283, -0.418
Binary	01111010, 11110111, 11101100

#7af7ec
```
#7af7ec rgb(122,247,236)
```
#f77a85
```
#f77a85 rgb(247,122,133)
```

Complementary Color

#7af7ae
```
#7af7ae rgb(122,247,174)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#7ac4f7
```
#7ac4f7 rgb(122,196,247)
```

Analogous Color

#f7ae7a
```
#f7ae7a rgb(247,174,122)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#f77ac4
```
#f77ac4 rgb(247,122,196)
```

Split Complementary Color

#f7ec7a
```
#f7ec7a rgb(247,236,122)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#ec7af7
```
#ec7af7 rgb(236,122,247)
```

Triadic Color

#85f77a
```
#85f77a rgb(133,247,122)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#ec7af7
```
#ec7af7 rgb(236,122,247)
```
#f77a85
```
#f77a85 rgb(247,122,133)
```

Tetradic Color

#32f3e2
```
#32f3e2 rgb(50,243,226)
```
#4af4e5
```
#4af4e5 rgb(74,244,229)
```
#62f6e9
```
#62f6e9 rgb(98,246,233)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#92f8ef
```
#92f8ef rgb(146,248,239)
```
#aafaf3
```
#aafaf3 rgb(170,250,243)
```
#c2fbf6
```
#c2fbf6 rgb(194,251,246)
```

Monochromatic Color

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

#7af7cd
```
#7af7cd rgb(122,247,205)
```
#7af7d7
```
#7af7d7 rgb(122,247,215)
```
#7af7e2
```
#7af7e2 rgb(122,247,226)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#7af7f6
```
#7af7f6 rgb(122,247,246)
```
#7aedf7
```
#7aedf7 rgb(122,237,247)
```
#7ae3f7
```
#7ae3f7 rgb(122,227,247)
```

Similar Colors

Text with hexadecimal color #7af7ec

This text has a font color of #7af7ec.

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

#7af7ec background color

This paragraph has a background color of #7af7ec.

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

#7af7ec border color

This element has a border color of #7af7ec.

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

CSS codes

.text {color:#7af7ec;}

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

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

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

#010f0e
```
#010f0e rgb(1,15,14)
```
#02221f
```
#02221f rgb(2,34,31)
```
#033430
```
#033430 rgb(3,52,48)
```
#044741
```
#044741 rgb(4,71,65)
```
#055952
```
#055952 rgb(5,89,82)
```
#066c63
```
#066c63 rgb(6,108,99)
```
#087e74
```
#087e74 rgb(8,126,116)
```
#099185
```
#099185 rgb(9,145,133)
```
#0aa396
```
#0aa396 rgb(10,163,150)
```
#0bb6a7
```
#0bb6a7 rgb(11,182,167)
```
#0cc8b7
```
#0cc8b7 rgb(12,200,183)
```
#0ddbc8
```
#0ddbc8 rgb(13,219,200)
```
#0eedd9
```
#0eedd9 rgb(14,237,217)
```

Shade Color Variation

#1df1df
```
#1df1df rgb(29,241,223)
```
#30f3e1
```
#30f3e1 rgb(48,243,225)
```
#42f4e4
```
#42f4e4 rgb(66,244,228)
```
#55f5e7
```
#55f5e7 rgb(85,245,231)
```
#67f6e9
```
#67f6e9 rgb(103,246,233)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#8df8ef
```
#8df8ef rgb(141,248,239)
```
#9ff9f1
```
#9ff9f1 rgb(159,249,241)
```
#b2faf4
```
#b2faf4 rgb(178,250,244)
```
#c4fbf7
```
#c4fbf7 rgb(196,251,247)
```
#d7fdf9
```
#d7fdf9 rgb(215,253,249)
```
#e9fefc
```
#e9fefc rgb(233,254,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#b6bbbb
```
#b6bbbb rgb(182,187,187)
```
#b0c1bf
```
#b0c1bf rgb(176,193,191)
```
#abc6c4
```
#abc6c4 rgb(171,198,196)
```
#a5ccc8
```
#a5ccc8 rgb(165,204,200)
```
#a0d1cd
```
#a0d1cd rgb(160,209,205)
```
#9bd6d1
```
#9bd6d1 rgb(155,214,209)
```
#95dcd6
```
#95dcd6 rgb(149,220,214)
```
#90e1da
```
#90e1da rgb(144,225,218)
```
#8ae7df
```
#8ae7df rgb(138,231,223)
```
#85ece3
```
#85ece3 rgb(133,236,227)
```
#7ff2e8
```
#7ff2e8 rgb(127,242,232)
```
#7af7ec
```
#7af7ec rgb(122,247,236)
```
#75fcf0
```
#75fcf0 rgb(117,252,240)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#bfd8d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e3e2 Protanopia 1% of men
#f1def5 Deuteranopia 1% of men
#a3f0ff Tritanopia 0.001% of the population

Trichromacy

#c0eae5 Protanomaly 1% of men, 0.01% of women
#c5e7f2 Deuteranomaly 6% of men, 0.4% of women
#94f2f8 Tritanomaly 0.01% of the population

#7af7ec hex color

#7af7ec Color Information

#7af7ec Color Conversion

Color Schemes with #7af7ec

Alternatives to #7af7ec

#7af7ec Preview

Shades and Tints of #7af7ec

Tones of #7af7ec

Color Blindness Simulator