#7af5bd hex color

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

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

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

The hexadecimal color #7af5bd has RGB values of R:122, G:245, B:189 and CMYK values of C:0.5, M:0, Y:0.23, K:0.04. Its decimal value is 8058301.

Hex triplet	7af5bd	`#7af5bd`
RGB Decimal	122, 245, 189	`rgb(122,245,189)`
RGB Percent	47.8, 96.1, 74.1	`rgb(47.8%,96.1%,74.1%)`
CMYK	50, 0, 23, 4
HSL	152.7°, 86, 72	`hsl(152.7,86%,72%)`
HSV (or HSB)	152.7°, 50.2, 96.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.502, -47.186, 16.548
XYZ	49.86, 73.113, 59.626
xyY	0.273, 0.4, 73.113
CIE-LCH	88.502, 50.004, 160.674
CIE-LUV	88.502, -54.497, 32.35
Hunter-Lab	85.506, -45.549, 18.51
Binary	01111010, 11110101, 10111101

#7af5bd
```
#7af5bd rgb(122,245,189)
```
#f57ab2
```
#f57ab2 rgb(245,122,178)
```

Complementary Color

#7af580
```
#7af580 rgb(122,245,128)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#7af0f5
```
#7af0f5 rgb(122,240,245)
```

Analogous Color

#f5807a
```
#f5807a rgb(245,128,122)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#f57af0
```
#f57af0 rgb(245,122,240)
```

Split Complementary Color

#f5bd7a
```
#f5bd7a rgb(245,189,122)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#bd7af5
```
#bd7af5 rgb(189,122,245)
```

Triadic Color

#b2f57a
```
#b2f57a rgb(178,245,122)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#bd7af5
```
#bd7af5 rgb(189,122,245)
```
#f57ab2
```
#f57ab2 rgb(245,122,178)
```

Tetradic Color

#33f09a
```
#33f09a rgb(51,240,154)
```
#4bf1a5
```
#4bf1a5 rgb(75,241,165)
```
#62f3b1
```
#62f3b1 rgb(98,243,177)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#92f7c9
```
#92f7c9 rgb(146,247,201)
```
#a9f9d5
```
#a9f9d5 rgb(169,249,213)
```
#c1fae0
```
#c1fae0 rgb(193,250,224)
```

Monochromatic Color

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

#7af59e
```
#7af59e rgb(122,245,158)
```
#7af5a9
```
#7af5a9 rgb(122,245,169)
```
#7af5b3
```
#7af5b3 rgb(122,245,179)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#7af5c7
```
#7af5c7 rgb(122,245,199)
```
#7af5d2
```
#7af5d2 rgb(122,245,210)
```
#7af5dc
```
#7af5dc rgb(122,245,220)
```

Similar Colors

Text with hexadecimal color #7af5bd

This text has a font color of #7af5bd.

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

#7af5bd background color

This paragraph has a background color of #7af5bd.

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

#7af5bd border color

This element has a border color of #7af5bd.

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

CSS codes

.text {color:#7af5bd;}

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

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

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

#010d07
```
#010d07 rgb(1,13,7)
```
#021f12
```
#021f12 rgb(2,31,18)
```
#04311d
```
#04311d rgb(4,49,29)
```
#054427
```
#054427 rgb(5,68,39)
```
#065632
```
#065632 rgb(6,86,50)
```
#08683c
```
#08683c rgb(8,104,60)
```
#097a47
```
#097a47 rgb(9,122,71)
```
#0b8d51
```
#0b8d51 rgb(11,141,81)
```
#0c9f5c
```
#0c9f5c rgb(12,159,92)
```
#0db167
```
#0db167 rgb(13,177,103)
```
#0fc371
```
#0fc371 rgb(15,195,113)
```
#10d67c
```
#10d67c rgb(16,214,124)
```
#11e886
```
#11e886 rgb(17,232,134)
```

Shade Color Variation

#1fee90
```
#1fee90 rgb(31,238,144)
```
#31f099
```
#31f099 rgb(49,240,153)
```
#43f1a2
```
#43f1a2 rgb(67,241,162)
```
#56f2ab
```
#56f2ab rgb(86,242,171)
```
#68f4b4
```
#68f4b4 rgb(104,244,180)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#8cf6c6
```
#8cf6c6 rgb(140,246,198)
```
#9ef8cf
```
#9ef8cf rgb(158,248,207)
```
#b1f9d8
```
#b1f9d8 rgb(177,249,216)
```
#c3fae1
```
#c3fae1 rgb(195,250,225)
```
#d5fcea
```
#d5fcea rgb(213,252,234)
```
#e7fdf3
```
#e7fdf3 rgb(231,253,243)
```
#fafffc
```
#fafffc rgb(250,255,252)
```

Tint Color Variation

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

#b7b9b8
```
#b7b9b8 rgb(183,185,184)
```
#b1beb8
```
#b1beb8 rgb(177,190,184)
```
#acc4b9
```
#acc4b9 rgb(172,196,185)
```
#a6c9b9
```
#a6c9b9 rgb(166,201,185)
```
#a1cfba
```
#a1cfba rgb(161,207,186)
```
#9bd4ba
```
#9bd4ba rgb(155,212,186)
```
#96dabb
```
#96dabb rgb(150,218,187)
```
#90dfbb
```
#90dfbb rgb(144,223,187)
```
#8be5bc
```
#8be5bc rgb(139,229,188)
```
#85eabc
```
#85eabc rgb(133,234,188)
```
#80f0bd
```
#80f0bd rgb(128,240,189)
```
#7af5bd
```
#7af5bd rgb(122,245,189)
```
#75fbbd
```
#75fbbd rgb(117,251,189)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#bad3c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eddfb6 Protanopia 1% of men
#fcd8ca Deuteranopia 1% of men
#95edfe Tritanopia 0.001% of the population

Trichromacy

#c3e7b8 Protanomaly 1% of men, 0.01% of women
#cde2c5 Deuteranomaly 6% of men, 0.4% of women
#8befe6 Tritanomaly 0.01% of the population

#7af5bd hex color

#7af5bd Color Information

#7af5bd Color Conversion

Color Schemes with #7af5bd

Alternatives to #7af5bd

#7af5bd Preview

Shades and Tints of #7af5bd

Tones of #7af5bd

Color Blindness Simulator