#7afbe0 hex color

In a RGB color space, hex #7afbe0 is composed of 47.8% red, 98.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 10.8% yellow and 1.6% black. It has a hue angle of 167.4 degrees, a saturation of 94.2% and a lightness of 73.1%. #7afbe0 color hex could be obtained by blending #f4ffff with #00f7c1. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 48
- G 98
- B 88
RGB color chart
- C 51
- M 0
- Y 11
- K 2
CMYK color chart

● #7afbe0 color description : Soft cyan.

The hexadecimal color #7afbe0 has RGB values of R:122, G:251, B:224 and CMYK values of C:0.51, M:0, Y:0.11, K:0.02. Its decimal value is 8059872.

Hex triplet	7afbe0	`#7afbe0`
RGB Decimal	122, 251, 224	`rgb(122,251,224)`
RGB Percent	47.8, 98.4, 87.8	`rgb(47.8%,98.4%,87.8%)`
CMYK	51, 0, 11, 2
HSL	167.4°, 94.2, 73.1	`hsl(167.4,94.2%,73.1%)`
HSV (or HSB)	167.4°, 51.4, 98.4
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.012, -42.158, 2.009
XYZ	55.974, 78.51, 82.721
xyY	0.258, 0.361, 78.51
CIE-LCH	91.012, 42.206, 177.271
CIE-LUV	91.012, -55.303, 10.073
Hunter-Lab	88.606, -42.299, 6.672
Binary	01111010, 11111011, 11100000

#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#fb7a95
```
#fb7a95 rgb(251,122,149)
```

Complementary Color

#7afba0
```
#7afba0 rgb(122,251,160)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#7ad6fb
```
#7ad6fb rgb(122,214,251)
```

Analogous Color

#fba07a
```
#fba07a rgb(251,160,122)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#fb7ad6
```
#fb7ad6 rgb(251,122,214)
```

Split Complementary Color

#fbe07a
```
#fbe07a rgb(251,224,122)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#e07afb
```
#e07afb rgb(224,122,251)
```

Triadic Color

#95fb7a
```
#95fb7a rgb(149,251,122)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#e07afb
```
#e07afb rgb(224,122,251)
```
#fb7a95
```
#fb7a95 rgb(251,122,149)
```

Tetradic Color

#30f9cf
```
#30f9cf rgb(48,249,207)
```
#48fad4
```
#48fad4 rgb(72,250,212)
```
#61fada
```
#61fada rgb(97,250,218)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#93fce6
```
#93fce6 rgb(147,252,230)
```
#acfcec
```
#acfcec rgb(172,252,236)
```
#c4fdf1
```
#c4fdf1 rgb(196,253,241)
```

Monochromatic Color

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

#7afbc0
```
#7afbc0 rgb(122,251,192)
```
#7afbcb
```
#7afbcb rgb(122,251,203)
```
#7afbd5
```
#7afbd5 rgb(122,251,213)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#7afbeb
```
#7afbeb rgb(122,251,235)
```
#7afbf6
```
#7afbf6 rgb(122,251,246)
```
#7af6fb
```
#7af6fb rgb(122,246,251)
```

Similar Colors

Text with hexadecimal color #7afbe0

This text has a font color of #7afbe0.

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

#7afbe0 background color

This paragraph has a background color of #7afbe0.

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

#7afbe0 border color

This element has a border color of #7afbe0.

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

CSS codes

.text {color:#7afbe0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#01130f
```
#01130f rgb(1,19,15)
```
#01261f
```
#01261f rgb(1,38,31)
```
#02392e
```
#02392e rgb(2,57,46)
```
#024c3d
```
#024c3d rgb(2,76,61)
```
#03604c
```
#03604c rgb(3,96,76)
```
#03735b
```
#03735b rgb(3,115,91)
```
#04866a
```
#04866a rgb(4,134,106)
```
#05997a
```
#05997a rgb(5,153,122)
```
#05ac89
```
#05ac89 rgb(5,172,137)
```
#06bf98
```
#06bf98 rgb(6,191,152)
```
#06d2a7
```
#06d2a7 rgb(6,210,167)
```
#07e5b6
```
#07e5b6 rgb(7,229,182)
```

Shade Color Variation

#08f8c5
```
#08f8c5 rgb(8,248,197)
```
#1bf8ca
```
#1bf8ca rgb(27,248,202)
```
#2ef9ce
```
#2ef9ce rgb(46,249,206)
```
#41f9d3
```
#41f9d3 rgb(65,249,211)
```
#54fad7
```
#54fad7 rgb(84,250,215)
```
#67fadc
```
#67fadc rgb(103,250,220)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```
#8dfce4
```
#8dfce4 rgb(141,252,228)
```
#a0fce9
```
#a0fce9 rgb(160,252,233)
```
#b3fded
```
#b3fded rgb(179,253,237)
```
#c6fdf2
```
#c6fdf2 rgb(198,253,242)
```
#d9fef6
```
#d9fef6 rgb(217,254,246)
```
#ecfefb
```
#ecfefb rgb(236,254,251)
```

Tint Color Variation

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

#b9bcbb
```
#b9bcbb rgb(185,188,187)
```
#b4c1be
```
#b4c1be rgb(180,193,190)
```
#afc6c1
```
#afc6c1 rgb(175,198,193)
```
#a9ccc4
```
#a9ccc4 rgb(169,204,196)
```
#a4d1c7
```
#a4d1c7 rgb(164,209,199)
```
#9fd6cb
```
#9fd6cb rgb(159,214,203)
```
#9adbce
```
#9adbce rgb(154,219,206)
```
#94e1d1
```
#94e1d1 rgb(148,225,209)
```
#8fe6d4
```
#8fe6d4 rgb(143,230,212)
```
#8aebd7
```
#8aebd7 rgb(138,235,215)
```
#85f0da
```
#85f0da rgb(133,240,218)
```
#7ff6dd
```
#7ff6dd rgb(127,246,221)
```
#7afbe0
```
#7afbe0 rgb(122,251,224)
```

Tone Color Variation

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

Dichromacy

#eee5d6 Protanopia 1% of men
#f9dfeb Deuteranopia 1% of men
#adf1ff Tritanopia 0.001% of the population

Trichromacy

#c4edda Protanomaly 1% of men, 0.01% of women
#cbe9e7 Deuteranomaly 6% of men, 0.4% of women
#9bf4f3 Tritanomaly 0.01% of the population

#7afbe0 hex color

#7afbe0 Color Information

#7afbe0 Color Conversion

Color Schemes with #7afbe0

Alternatives to #7afbe0

#7afbe0 Preview

Shades and Tints of #7afbe0

Tones of #7afbe0

Color Blindness Simulator