#7affb2 hex color

In a RGB color space, hex #7affb2 is composed of 47.8% red, 100% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 0% magenta, 30.2% yellow and 0% black. It has a hue angle of 145.3 degrees, a saturation of 100% and a lightness of 73.9%. #7affb2 color hex could be obtained by blending #f4ffff with #00ff65. Closest websafe color is: #66ff99.

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

● #7affb2 color description : Very light cyan - lime green.

The hexadecimal color #7affb2 has RGB values of R:122, G:255, B:178 and CMYK values of C:0.52, M:0, Y:0.3, K:0. Its decimal value is 8060850.

Hex triplet	7affb2	`#7affb2`
RGB Decimal	122, 255, 178	`rgb(122,255,178)`
RGB Percent	47.8, 100, 69.8	`rgb(47.8%,100%,69.8%)`
CMYK	52, 0, 30, 0
HSL	145.3°, 100, 73.9	`hsl(145.3,100%,73.9%)`
HSV (or HSB)	145.3°, 52.2, 100
Web Safe	66ff99	`#66ff99`

CIE-LAB	91.175, -53.497, 25.881
XYZ	51.819, 78.868, 54.609
xyY	0.28, 0.426, 78.868
CIE-LCH	91.175, 59.428, 154.183
CIE-LUV	91.175, -58.843, 46.41
Hunter-Lab	88.808, -51.26, 25.707
Binary	01111010, 11111111, 10110010

#7affb2
```
#7affb2 rgb(122,255,178)
```
#ff7ac7
```
#ff7ac7 rgb(255,122,199)
```

Complementary Color

#85ff7a
```
#85ff7a rgb(133,255,122)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```
#7afff5
```
#7afff5 rgb(122,255,245)
```

Analogous Color

#ff7a85
```
#ff7a85 rgb(255,122,133)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```
#f57aff
```
#f57aff rgb(245,122,255)
```

Split Complementary Color

#ffb27a
```
#ffb27a rgb(255,178,122)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```
#b27aff
```
#b27aff rgb(178,122,255)
```

Triadic Color

#c7ff7a
```
#c7ff7a rgb(199,255,122)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```
#b27aff
```
#b27aff rgb(178,122,255)
```
#ff7ac7
```
#ff7ac7 rgb(255,122,199)
```

Tetradic Color

#2eff86
```
#2eff86 rgb(46,255,134)
```
#47ff94
```
#47ff94 rgb(71,255,148)
```
#61ffa3
```
#61ffa3 rgb(97,255,163)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```
#94ffc1
```
#94ffc1 rgb(148,255,193)
```
#adffd0
```
#adffd0 rgb(173,255,208)
```
#c7ffde
```
#c7ffde rgb(199,255,222)
```

Monochromatic Color

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

#7aff91
```
#7aff91 rgb(122,255,145)
```
#7aff9c
```
#7aff9c rgb(122,255,156)
```
#7affa7
```
#7affa7 rgb(122,255,167)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```
#7affbd
```
#7affbd rgb(122,255,189)
```
#7affc8
```
#7affc8 rgb(122,255,200)
```
#7affd3
```
#7affd3 rgb(122,255,211)
```

Similar Colors

Text with hexadecimal color #7affb2

This text has a font color of #7affb2.

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

#7affb2 background color

This paragraph has a background color of #7affb2.

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

#7affb2 border color

This element has a border color of #7affb2.

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

CSS codes

.text {color:#7affb2;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#00180a
```
#00180a rgb(0,24,10)
```
#002c12
```
#002c12 rgb(0,44,18)
```
#003f1b
```
#003f1b rgb(0,63,27)
```
#005323
```
#005323 rgb(0,83,35)
```
#00662b
```
#00662b rgb(0,102,43)
```
#007a33
```
#007a33 rgb(0,122,51)
```
#008e3c
```
#008e3c rgb(0,142,60)
```
#00a144
```
#00a144 rgb(0,161,68)
```
#00b54c
```
#00b54c rgb(0,181,76)
```
#00c854
```
#00c854 rgb(0,200,84)
```
#00dc5d
```
#00dc5d rgb(0,220,93)
```
#00f065
```
#00f065 rgb(0,240,101)
```

Shade Color Variation

#04ff6e
```
#04ff6e rgb(4,255,110)
```
#18ff79
```
#18ff79 rgb(24,255,121)
```
#2cff85
```
#2cff85 rgb(44,255,133)
```
#3fff90
```
#3fff90 rgb(63,255,144)
```
#53ff9b
```
#53ff9b rgb(83,255,155)
```
#66ffa7
```
#66ffa7 rgb(102,255,167)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```
#8effbd
```
#8effbd rgb(142,255,189)
```
#a1ffc9
```
#a1ffc9 rgb(161,255,201)
```
#b5ffd4
```
#b5ffd4 rgb(181,255,212)
```
#c8ffdf
```
#c8ffdf rgb(200,255,223)
```
#dcffeb
```
#dcffeb rgb(220,255,235)
```
#f0fff6
```
#f0fff6 rgb(240,255,246)
```

Tint Color Variation

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

#b7c2bc
```
#b7c2bc rgb(183,194,188)
```
#b2c7bb
```
#b2c7bb rgb(178,199,187)
```
#adccba
```
#adccba rgb(173,204,186)
```
#a8d1b9
```
#a8d1b9 rgb(168,209,185)
```
#a3d6b8
```
#a3d6b8 rgb(163,214,184)
```
#9edbb8
```
#9edbb8 rgb(158,219,184)
```
#99e0b7
```
#99e0b7 rgb(153,224,183)
```
#94e5b6
```
#94e5b6 rgb(148,229,182)
```
#8eebb5
```
#8eebb5 rgb(142,235,181)
```
#89f0b4
```
#89f0b4 rgb(137,240,180)
```
#84f5b4
```
#84f5b4 rgb(132,245,180)
```
#7ffab3
```
#7ffab3 rgb(127,250,179)
```
#7affb2
```
#7affb2 rgb(122,255,178)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bdd8c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e6ab Protanopia 1% of men
#ffe1ce Deuteranopia 1% of men
#b2f1ff Tritanopia 0.001% of the population

Trichromacy

#c9efae Protanomaly 1% of men, 0.01% of women
#ceecc4 Deuteranomaly 6% of men, 0.4% of women
#9df6e3 Tritanomaly 0.01% of the population

#7affb2 hex color

#7affb2 Color Information

#7affb2 Color Conversion

Color Schemes with #7affb2

Alternatives to #7affb2

#7affb2 Preview

Shades and Tints of #7affb2

Tones of #7affb2

Color Blindness Simulator