#7affb4 hex color

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

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

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

The hexadecimal color #7affb4 has RGB values of R:122, G:255, B:180 and CMYK values of C:0.52, M:0, Y:0.29, K:0. Its decimal value is 8060852.

Hex triplet	7affb4	`#7affb4`
RGB Decimal	122, 255, 180	`rgb(122,255,180)`
RGB Percent	47.8, 100, 70.6	`rgb(47.8%,100%,70.6%)`
CMYK	52, 0, 29, 0
HSL	146.2°, 100, 73.9	`hsl(146.2,100%,73.9%)`
HSV (or HSB)	146.2°, 52.2, 100
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.211, -53.124, 24.917
XYZ	52.021, 78.949, 55.675
xyY	0.279, 0.423, 78.949
CIE-LCH	91.211, 58.677, 154.872
CIE-LUV	91.211, -58.761, 45.066
Hunter-Lab	88.853, -50.987, 25.047
Binary	01111010, 11111111, 10110100

#7affb4
```
#7affb4 rgb(122,255,180)
```
#ff7ac5
```
#ff7ac5 rgb(255,122,197)
```

Complementary Color

#83ff7a
```
#83ff7a rgb(131,255,122)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```
#7afff7
```
#7afff7 rgb(122,255,247)
```

Analogous Color

#ff7a83
```
#ff7a83 rgb(255,122,131)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```
#f77aff
```
#f77aff rgb(247,122,255)
```

Split Complementary Color

#ffb47a
```
#ffb47a rgb(255,180,122)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```
#b47aff
```
#b47aff rgb(180,122,255)
```

Triadic Color

#c5ff7a
```
#c5ff7a rgb(197,255,122)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```
#b47aff
```
#b47aff rgb(180,122,255)
```
#ff7ac5
```
#ff7ac5 rgb(255,122,197)
```

Tetradic Color

#2eff89
```
#2eff89 rgb(46,255,137)
```
#47ff97
```
#47ff97 rgb(71,255,151)
```
#61ffa6
```
#61ffa6 rgb(97,255,166)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```
#94ffc2
```
#94ffc2 rgb(148,255,194)
```
#adffd1
```
#adffd1 rgb(173,255,209)
```
#c7ffdf
```
#c7ffdf rgb(199,255,223)
```

Monochromatic Color

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

#7aff93
```
#7aff93 rgb(122,255,147)
```
#7aff9e
```
#7aff9e rgb(122,255,158)
```
#7affa9
```
#7affa9 rgb(122,255,169)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```
#7affbf
```
#7affbf rgb(122,255,191)
```
#7affca
```
#7affca rgb(122,255,202)
```
#7affd5
```
#7affd5 rgb(122,255,213)
```

Similar Colors

Text with hexadecimal color #7affb4

This text has a font color of #7affb4.

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

#7affb4 background color

This paragraph has a background color of #7affb4.

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

#7affb4 border color

This element has a border color of #7affb4.

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

CSS codes

.text {color:#7affb4;}

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

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

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)
```
#002c13
```
#002c13 rgb(0,44,19)
```
#003f1c
```
#003f1c rgb(0,63,28)
```
#005324
```
#005324 rgb(0,83,36)
```
#00662d
```
#00662d rgb(0,102,45)
```
#007a35
```
#007a35 rgb(0,122,53)
```
#008e3e
```
#008e3e rgb(0,142,62)
```
#00a146
```
#00a146 rgb(0,161,70)
```
#00b54f
```
#00b54f rgb(0,181,79)
```
#00c857
```
#00c857 rgb(0,200,87)
```
#00dc60
```
#00dc60 rgb(0,220,96)
```
#00f069
```
#00f069 rgb(0,240,105)
```

Shade Color Variation

#04ff72
```
#04ff72 rgb(4,255,114)
```
#18ff7d
```
#18ff7d rgb(24,255,125)
```
#2cff88
```
#2cff88 rgb(44,255,136)
```
#3fff93
```
#3fff93 rgb(63,255,147)
```
#53ff9e
```
#53ff9e rgb(83,255,158)
```
#66ffa9
```
#66ffa9 rgb(102,255,169)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```
#8effbf
```
#8effbf rgb(142,255,191)
```
#a1ffca
```
#a1ffca rgb(161,255,202)
```
#b5ffd5
```
#b5ffd5 rgb(181,255,213)
```
#c8ffe0
```
#c8ffe0 rgb(200,255,224)
```
#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 #7affb4 is the most saturated one.

#b7c2bc
```
#b7c2bc rgb(183,194,188)
```
#b2c7bb
```
#b2c7bb rgb(178,199,187)
```
#adccbb
```
#adccbb rgb(173,204,187)
```
#a8d1ba
```
#a8d1ba rgb(168,209,186)
```
#a3d6b9
```
#a3d6b9 rgb(163,214,185)
```
#9edbb9
```
#9edbb9 rgb(158,219,185)
```
#99e0b8
```
#99e0b8 rgb(153,224,184)
```
#94e5b7
```
#94e5b7 rgb(148,229,183)
```
#8eebb7
```
#8eebb7 rgb(142,235,183)
```
#89f0b6
```
#89f0b6 rgb(137,240,182)
```
#84f5b5
```
#84f5b5 rgb(132,245,181)
```
#7ffab5
```
#7ffab5 rgb(127,250,181)
```
#7affb4
```
#7affb4 rgb(122,255,180)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#bed9ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e6ad Protanopia 1% of men
#ffe1cf Deuteranopia 1% of men
#b2f1ff Tritanopia 0.001% of the population

Trichromacy

#c9efaf Protanomaly 1% of men, 0.01% of women
#ceecc5 Deuteranomaly 6% of men, 0.4% of women
#9ef6e3 Tritanomaly 0.01% of the population

#7affb4 hex color

#7affb4 Color Information

#7affb4 Color Conversion

Color Schemes with #7affb4

Alternatives to #7affb4

#7affb4 Preview

Shades and Tints of #7affb4

Tones of #7affb4

Color Blindness Simulator