#7afddd hex color

In a RGB color space, hex #7afddd is composed of 47.8% red, 99.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 0% magenta, 12.6% yellow and 0.8% black. It has a hue angle of 165.3 degrees, a saturation of 97% and a lightness of 73.5%. #7afddd color hex could be obtained by blending #f4ffff with #00fbbb. Closest websafe color is: #66ffcc.

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

● #7afddd color description : Soft cyan.

The hexadecimal color #7afddd has RGB values of R:122, G:253, B:221 and CMYK values of C:0.52, M:0, Y:0.13, K:0.01. Its decimal value is 8060381.

Hex triplet	7afddd	`#7afddd`
RGB Decimal	122, 253, 221	`rgb(122,253,221)`
RGB Percent	47.8, 99.2, 86.7	`rgb(47.8%,99.2%,86.7%)`
CMYK	52, 0, 13, 1
HSL	165.3°, 97, 73.5	`hsl(165.3,97%,73.5%)`
HSV (or HSB)	165.3°, 51.8, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.507, -43.732, 4.282
XYZ	56.198, 79.605, 80.806
xyY	0.259, 0.368, 79.605
CIE-LCH	91.507, 43.941, 174.408
CIE-LUV	91.507, -56.2, 13.837
Hunter-Lab	89.221, -43.705, 8.757
Binary	01111010, 11111101, 11011101

#7afddd
```
#7afddd rgb(122,253,221)
```
#fd7a9a
```
#fd7a9a rgb(253,122,154)
```

Complementary Color

#7afd9c
```
#7afd9c rgb(122,253,156)
```
#7afddd
```
#7afddd rgb(122,253,221)
```
#7adcfd
```
#7adcfd rgb(122,220,253)
```

Analogous Color

#fd9c7a
```
#fd9c7a rgb(253,156,122)
```
#7afddd
```
#7afddd rgb(122,253,221)
```
#fd7adc
```
#fd7adc rgb(253,122,220)
```

Split Complementary Color

#fddd7a
```
#fddd7a rgb(253,221,122)
```
#7afddd
```
#7afddd rgb(122,253,221)
```
#dd7afd
```
#dd7afd rgb(221,122,253)
```

Triadic Color

#9afd7a
```
#9afd7a rgb(154,253,122)
```
#7afddd
```
#7afddd rgb(122,253,221)
```
#dd7afd
```
#dd7afd rgb(221,122,253)
```
#fd7a9a
```
#fd7a9a rgb(253,122,154)
```

Tetradic Color

#2ffcca
```
#2ffcca rgb(47,252,202)
```
#48fcd0
```
#48fcd0 rgb(72,252,208)
```
#61fdd7
```
#61fdd7 rgb(97,253,215)
```
#7afddd
```
#7afddd rgb(122,253,221)
```
#93fde3
```
#93fde3 rgb(147,253,227)
```
#acfeea
```
#acfeea rgb(172,254,234)
```
#c5fef0
```
#c5fef0 rgb(197,254,240)
```

Monochromatic Color

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

#7afdbc
```
#7afdbc rgb(122,253,188)
```
#7afdc7
```
#7afdc7 rgb(122,253,199)
```
#7afdd2
```
#7afdd2 rgb(122,253,210)
```
#7afddd
```
#7afddd rgb(122,253,221)
```
#7afde8
```
#7afde8 rgb(122,253,232)
```
#7afdf3
```
#7afdf3 rgb(122,253,243)
```
#7afcfd
```
#7afcfd rgb(122,252,253)
```

Similar Colors

Text with hexadecimal color #7afddd

This text has a font color of #7afddd.

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

#7afddd background color

This paragraph has a background color of #7afddd.

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

#7afddd border color

This element has a border color of #7afddd.

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

CSS codes

.text {color:#7afddd;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001610
```
#001610 rgb(0,22,16)
```
#01291f
```
#01291f rgb(1,41,31)
```
#013c2e
```
#013c2e rgb(1,60,46)
```
#01503c
```
#01503c rgb(1,80,60)
```
#01634b
```
#01634b rgb(1,99,75)
```
#02765a
```
#02765a rgb(2,118,90)
```
#028a68
```
#028a68 rgb(2,138,104)
```
#029d77
```
#029d77 rgb(2,157,119)
```
#03b086
```
#03b086 rgb(3,176,134)
```
#03c494
```
#03c494 rgb(3,196,148)
```
#03d7a3
```
#03d7a3 rgb(3,215,163)
```
#04eab2
```
#04eab2 rgb(4,234,178)
```

Shade Color Variation

#06fbbf
```
#06fbbf rgb(6,251,191)
```
#19fcc4
```
#19fcc4 rgb(25,252,196)
```
#2dfcc9
```
#2dfcc9 rgb(45,252,201)
```
#40fcce
```
#40fcce rgb(64,252,206)
```
#53fcd3
```
#53fcd3 rgb(83,252,211)
```
#67fdd8
```
#67fdd8 rgb(103,253,216)
```
#7afddd
```
#7afddd rgb(122,253,221)
```
#8dfde2
```
#8dfde2 rgb(141,253,226)
```
#a1fee7
```
#a1fee7 rgb(161,254,231)
```
#b4feec
```
#b4feec rgb(180,254,236)
```
#c7fef1
```
#c7fef1 rgb(199,254,241)
```
#dbfef6
```
#dbfef6 rgb(219,254,246)
```
#eefffb
```
#eefffb rgb(238,255,251)
```

Tint Color Variation

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

#b8bfbd
```
#b8bfbd rgb(184,191,189)
```
#b3c4c0
```
#b3c4c0 rgb(179,196,192)
```
#aec9c2
```
#aec9c2 rgb(174,201,194)
```
#a9cec5
```
#a9cec5 rgb(169,206,197)
```
#a4d3c8
```
#a4d3c8 rgb(164,211,200)
```
#9ed9ca
```
#9ed9ca rgb(158,217,202)
```
#99decd
```
#99decd rgb(153,222,205)
```
#94e3d0
```
#94e3d0 rgb(148,227,208)
```
#8fe8d2
```
#8fe8d2 rgb(143,232,210)
```
#8aedd5
```
#8aedd5 rgb(138,237,213)
```
#84f3d8
```
#84f3d8 rgb(132,243,216)
```
#7ff8da
```
#7ff8da rgb(127,248,218)
```
#7afddd
```
#7afddd rgb(122,253,221)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#c0dbd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e7d3 Protanopia 1% of men
#fce1e8 Deuteranopia 1% of men
#b3f2ff Tritanopia 0.001% of the population

Trichromacy

#c5efd7 Protanomaly 1% of men, 0.01% of women
#cdebe4 Deuteranomaly 6% of men, 0.4% of women
#9ef6f2 Tritanomaly 0.01% of the population

#7afddd hex color

#7afddd Color Information

#7afddd Color Conversion

Color Schemes with #7afddd

Alternatives to #7afddd

#7afddd Preview

Shades and Tints of #7afddd

Tones of #7afddd

Color Blindness Simulator