#7afef3 hex color

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

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

● #7afef3 color description : Soft cyan.

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

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

CIE-LAB	92.348, -38.959, -5.882
XYZ	59.641, 81.488, 97.375
xyY	0.25, 0.342, 81.488
CIE-LCH	92.348, 39.4, 188.586
CIE-LUV	92.348, -55.564, -2.905
Hunter-Lab	90.271, -40.041, -0.767
Binary	01111010, 11111110, 11110011

#7afef3
```
#7afef3 rgb(122,254,243)
```
#fe7a85
```
#fe7a85 rgb(254,122,133)
```

Complementary Color

#7afeb1
```
#7afeb1 rgb(122,254,177)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```
#7ac7fe
```
#7ac7fe rgb(122,199,254)
```

Analogous Color

#feb17a
```
#feb17a rgb(254,177,122)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```
#fe7ac7
```
#fe7ac7 rgb(254,122,199)
```

Split Complementary Color

#fef37a
```
#fef37a rgb(254,243,122)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```
#f37afe
```
#f37afe rgb(243,122,254)
```

Triadic Color

#85fe7a
```
#85fe7a rgb(133,254,122)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```
#f37afe
```
#f37afe rgb(243,122,254)
```
#fe7a85
```
#fe7a85 rgb(254,122,133)
```

Tetradic Color

#2efdec
```
#2efdec rgb(46,253,236)
```
#47feee
```
#47feee rgb(71,254,238)
```
#61fef1
```
#61fef1 rgb(97,254,241)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```
#93fef5
```
#93fef5 rgb(147,254,245)
```
#adfef8
```
#adfef8 rgb(173,254,248)
```
#c6fffa
```
#c6fffa rgb(198,255,250)
```

Monochromatic Color

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

#7afed2
```
#7afed2 rgb(122,254,210)
```
#7afedd
```
#7afedd rgb(122,254,221)
```
#7afee8
```
#7afee8 rgb(122,254,232)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```
#7afefe
```
#7afefe rgb(122,254,254)
```
#7af3fe
```
#7af3fe rgb(122,243,254)
```
#7ae8fe
```
#7ae8fe rgb(122,232,254)
```

Similar Colors

Text with hexadecimal color #7afef3

This text has a font color of #7afef3.

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

#7afef3 background color

This paragraph has a background color of #7afef3.

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

#7afef3 border color

This element has a border color of #7afef3.

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

CSS codes

.text {color:#7afef3;}

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

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

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 #effffe is the lightest one.

#000303
```
#000303 rgb(0,3,3)
```
#001715
```
#001715 rgb(0,23,21)
```
#002a27
```
#002a27 rgb(0,42,39)
```
#003e39
```
#003e39 rgb(0,62,57)
```
#01514a
```
#01514a rgb(1,81,74)
```
#01655c
```
#01655c rgb(1,101,92)
```
#01786e
```
#01786e rgb(1,120,110)
```
#018c80
```
#018c80 rgb(1,140,128)
```
#019f92
```
#019f92 rgb(1,159,146)
```
#01b3a4
```
#01b3a4 rgb(1,179,164)
```
#01c6b6
```
#01c6b6 rgb(1,198,182)
```
#02d9c7
```
#02d9c7 rgb(2,217,199)
```
#02edd9
```
#02edd9 rgb(2,237,217)
```

Shade Color Variation

#05fde8
```
#05fde8 rgb(5,253,232)
```
#19fdea
```
#19fdea rgb(25,253,234)
```
#2cfdec
```
#2cfdec rgb(44,253,236)
```
#40feee
```
#40feee rgb(64,254,238)
```
#53feef
```
#53feef rgb(83,254,239)
```
#67fef1
```
#67fef1 rgb(103,254,241)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```
#8dfef5
```
#8dfef5 rgb(141,254,245)
```
#a1fef7
```
#a1fef7 rgb(161,254,247)
```
#b4fef8
```
#b4fef8 rgb(180,254,248)
```
#c8fffa
```
#c8fffa rgb(200,255,250)
```
#dbfffc
```
#dbfffc rgb(219,255,252)
```
#effffe
```
#effffe rgb(239,255,254)
```

Tint Color Variation

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

#b8c0bf
```
#b8c0bf rgb(184,192,191)
```
#b3c5c4
```
#b3c5c4 rgb(179,197,196)
```
#aecac8
```
#aecac8 rgb(174,202,200)
```
#a8d0cc
```
#a8d0cc rgb(168,208,204)
```
#a3d5d1
```
#a3d5d1 rgb(163,213,209)
```
#9edad5
```
#9edad5 rgb(158,218,213)
```
#99dfd9
```
#99dfd9 rgb(153,223,217)
```
#94e4de
```
#94e4de rgb(148,228,222)
```
#8fe9e2
```
#8fe9e2 rgb(143,233,226)
```
#89efe6
```
#89efe6 rgb(137,239,230)
```
#84f4ea
```
#84f4ea rgb(132,244,234)
```
#7ff9ef
```
#7ff9ef rgb(127,249,239)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#c3dddb Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee9e8 Protanopia 1% of men
#f6e4fc Deuteranopia 1% of men
#bbf3ff Tritanopia 0.001% of the population

Trichromacy

#c4f0ec Protanomaly 1% of men, 0.01% of women
#c9edf9 Deuteranomaly 6% of men, 0.4% of women
#a3f7fa Tritanomaly 0.01% of the population

#7afef3 hex color

#7afef3 Color Information

#7afef3 Color Conversion

Color Schemes with #7afef3

Alternatives to #7afef3

#7afef3 Preview

Shades and Tints of #7afef3

Tones of #7afef3

Color Blindness Simulator