#7afcd5 hex color

In a RGB color space, hex #7afcd5 is composed of 47.8% red, 98.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 0% magenta, 15.5% yellow and 1.2% black. It has a hue angle of 162 degrees, a saturation of 95.6% and a lightness of 73.3%. #7afcd5 color hex could be obtained by blending #f4ffff with #00f9ab. Closest websafe color is: #66ffcc.

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

● #7afcd5 color description : Soft cyan - lime green.

The hexadecimal color #7afcd5 has RGB values of R:122, G:252, B:213 and CMYK values of C:0.52, M:0, Y:0.15, K:0.01. Its decimal value is 8060117.

Hex triplet	7afcd5	`#7afcd5`
RGB Decimal	122, 252, 213	`rgb(122,252,213)`
RGB Percent	47.8, 98.8, 83.5	`rgb(47.8%,98.8%,83.5%)`
CMYK	52, 0, 15, 1
HSL	162°, 95.6, 73.3	`hsl(162,95.6%,73.3%)`
HSV (or HSB)	162°, 51.6, 98.8
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.034, -45.095, 7.739
XYZ	54.843, 78.559, 75.22
xyY	0.263, 0.377, 78.559
CIE-LCH	91.034, 45.755, 170.262
CIE-LUV	91.034, -56.179, 19.29
Hunter-Lab	88.633, -44.66, 11.726
Binary	01111010, 11111100, 11010101

#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#fc7aa1
```
#fc7aa1 rgb(252,122,161)
```

Complementary Color

#7afc94
```
#7afc94 rgb(122,252,148)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#7ae2fc
```
#7ae2fc rgb(122,226,252)
```

Analogous Color

#fc947a
```
#fc947a rgb(252,148,122)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#fc7ae2
```
#fc7ae2 rgb(252,122,226)
```

Split Complementary Color

#fcd57a
```
#fcd57a rgb(252,213,122)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#d57afc
```
#d57afc rgb(213,122,252)
```

Triadic Color

#a1fc7a
```
#a1fc7a rgb(161,252,122)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#d57afc
```
#d57afc rgb(213,122,252)
```
#fc7aa1
```
#fc7aa1 rgb(252,122,161)
```

Tetradic Color

#2ffabd
```
#2ffabd rgb(47,250,189)
```
#48fbc5
```
#48fbc5 rgb(72,251,197)
```
#61fbcd
```
#61fbcd rgb(97,251,205)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#93fddd
```
#93fddd rgb(147,253,221)
```
#acfde5
```
#acfde5 rgb(172,253,229)
```
#c5feed
```
#c5feed rgb(197,254,237)
```

Monochromatic Color

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

#7afcb5
```
#7afcb5 rgb(122,252,181)
```
#7afcbf
```
#7afcbf rgb(122,252,191)
```
#7afcca
```
#7afcca rgb(122,252,202)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#7afce0
```
#7afce0 rgb(122,252,224)
```
#7afceb
```
#7afceb rgb(122,252,235)
```
#7afcf6
```
#7afcf6 rgb(122,252,246)
```

Similar Colors

Text with hexadecimal color #7afcd5

This text has a font color of #7afcd5.

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

#7afcd5 background color

This paragraph has a background color of #7afcd5.

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

#7afcd5 border color

This element has a border color of #7afcd5.

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

CSS codes

.text {color:#7afcd5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#00140e
```
#00140e rgb(0,20,14)
```
#01281c
```
#01281c rgb(1,40,28)
```
#013b2a
```
#013b2a rgb(1,59,42)
```
#024e37
```
#024e37 rgb(2,78,55)
```
#026145
```
#026145 rgb(2,97,69)
```
#037452
```
#037452 rgb(3,116,82)
```
#038860
```
#038860 rgb(3,136,96)
```
#039b6d
```
#039b6d rgb(3,155,109)
```
#04ae7b
```
#04ae7b rgb(4,174,123)
```
#04c188
```
#04c188 rgb(4,193,136)
```
#05d496
```
#05d496 rgb(5,212,150)
```
#05e7a4
```
#05e7a4 rgb(5,231,164)
```

Shade Color Variation

#07f9b1
```
#07f9b1 rgb(7,249,177)
```
#1afab7
```
#1afab7 rgb(26,250,183)
```
#2dfabd
```
#2dfabd rgb(45,250,189)
```
#40fbc3
```
#40fbc3 rgb(64,251,195)
```
#54fbc9
```
#54fbc9 rgb(84,251,201)
```
#67fccf
```
#67fccf rgb(103,252,207)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```
#8dfcdb
```
#8dfcdb rgb(141,252,219)
```
#a0fde1
```
#a0fde1 rgb(160,253,225)
```
#b4fde7
```
#b4fde7 rgb(180,253,231)
```
#c7feed
```
#c7feed rgb(199,254,237)
```
#dafef3
```
#dafef3 rgb(218,254,243)
```
#edfff9
```
#edfff9 rgb(237,255,249)
```

Tint Color Variation

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

#b9bdbc
```
#b9bdbc rgb(185,189,188)
```
#b4c2be
```
#b4c2be rgb(180,194,190)
```
#aec8c0
```
#aec8c0 rgb(174,200,192)
```
#a9cdc2
```
#a9cdc2 rgb(169,205,194)
```
#a4d2c4
```
#a4d2c4 rgb(164,210,196)
```
#9fd7c6
```
#9fd7c6 rgb(159,215,198)
```
#99ddc8
```
#99ddc8 rgb(153,221,200)
```
#94e2cb
```
#94e2cb rgb(148,226,203)
```
#8fe7cd
```
#8fe7cd rgb(143,231,205)
```
#8aeccf
```
#8aeccf rgb(138,236,207)
```
#84f2d1
```
#84f2d1 rgb(132,242,209)
```
#7ff7d3
```
#7ff7d3 rgb(127,247,211)
```
#7afcd5
```
#7afcd5 rgb(122,252,213)
```

Tone Color Variation

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

Dichromacy

#f0e5cc Protanopia 1% of men
#fddfe1 Deuteranopia 1% of men
#aef1ff Tritanopia 0.001% of the population

Trichromacy

#c5edcf Protanomaly 1% of men, 0.01% of women
#cde9dc Deuteranomaly 6% of men, 0.4% of women
#9bf5ef Tritanomaly 0.01% of the population

#7afcd5 hex color

#7afcd5 Color Information

#7afcd5 Color Conversion

Color Schemes with #7afcd5

Alternatives to #7afcd5

#7afcd5 Preview

Shades and Tints of #7afcd5

Tones of #7afcd5

Color Blindness Simulator