#7afbef hex color

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

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

● #7afbef color description : Soft cyan.

The hexadecimal color #7afbef has RGB values of R:122, G:251, B:239 and CMYK values of C:0.51, M:0, Y:0.05, K:0.02. Its decimal value is 8059887.

Hex triplet	7afbef	`#7afbef`
RGB Decimal	122, 251, 239	`rgb(122,251,239)`
RGB Percent	47.8, 98.4, 93.7	`rgb(47.8%,98.4%,93.7%)`
CMYK	51, 0, 5, 2
HSL	174.4°, 94.2, 73.1	`hsl(174.4,94.2%,73.1%)`
HSV (or HSB)	174.4°, 51.4, 98.4
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.397, -38.579, -5.212
XYZ	58.099, 79.36, 93.913
xyY	0.251, 0.343, 79.36
CIE-LCH	91.397, 38.929, 187.694
CIE-LUV	91.397, -54.621, -1.884
Hunter-Lab	89.084, -39.484, -0.145
Binary	01111010, 11111011, 11101111

#7afbef
```
#7afbef rgb(122,251,239)
```
#fb7a86
```
#fb7a86 rgb(251,122,134)
```

Complementary Color

#7afbaf
```
#7afbaf rgb(122,251,175)
```
#7afbef
```
#7afbef rgb(122,251,239)
```
#7ac7fb
```
#7ac7fb rgb(122,199,251)
```

Analogous Color

#fbaf7a
```
#fbaf7a rgb(251,175,122)
```
#7afbef
```
#7afbef rgb(122,251,239)
```
#fb7ac7
```
#fb7ac7 rgb(251,122,199)
```

Split Complementary Color

#fbef7a
```
#fbef7a rgb(251,239,122)
```
#7afbef
```
#7afbef rgb(122,251,239)
```
#ef7afb
```
#ef7afb rgb(239,122,251)
```

Triadic Color

#86fb7a
```
#86fb7a rgb(134,251,122)
```
#7afbef
```
#7afbef rgb(122,251,239)
```
#ef7afb
```
#ef7afb rgb(239,122,251)
```
#fb7a86
```
#fb7a86 rgb(251,122,134)
```

Tetradic Color

#30f9e6
```
#30f9e6 rgb(48,249,230)
```
#48fae9
```
#48fae9 rgb(72,250,233)
```
#61faec
```
#61faec rgb(97,250,236)
```
#7afbef
```
#7afbef rgb(122,251,239)
```
#93fcf2
```
#93fcf2 rgb(147,252,242)
```
#acfcf5
```
#acfcf5 rgb(172,252,245)
```
#c4fdf8
```
#c4fdf8 rgb(196,253,248)
```

Monochromatic Color

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

#7afbcf
```
#7afbcf rgb(122,251,207)
```
#7afbda
```
#7afbda rgb(122,251,218)
```
#7afbe4
```
#7afbe4 rgb(122,251,228)
```
#7afbef
```
#7afbef rgb(122,251,239)
```
#7afbfa
```
#7afbfa rgb(122,251,250)
```
#7af2fb
```
#7af2fb rgb(122,242,251)
```
#7ae7fb
```
#7ae7fb rgb(122,231,251)
```

Similar Colors

Text with hexadecimal color #7afbef

This text has a font color of #7afbef.

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

#7afbef background color

This paragraph has a background color of #7afbef.

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

#7afbef border color

This element has a border color of #7afbef.

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

CSS codes

.text {color:#7afbef;}

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

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

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 #ecfefd is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#011312
```
#011312 rgb(1,19,18)
```
#012623
```
#012623 rgb(1,38,35)
```
#023934
```
#023934 rgb(2,57,52)
```
#024c46
```
#024c46 rgb(2,76,70)
```
#036057
```
#036057 rgb(3,96,87)
```
#037368
```
#037368 rgb(3,115,104)
```
#04867a
```
#04867a rgb(4,134,122)
```
#05998b
```
#05998b rgb(5,153,139)
```
#05ac9c
```
#05ac9c rgb(5,172,156)
```
#06bfae
```
#06bfae rgb(6,191,174)
```
#06d2bf
```
#06d2bf rgb(6,210,191)
```
#07e5d0
```
#07e5d0 rgb(7,229,208)
```

Shade Color Variation

#08f8e1
```
#08f8e1 rgb(8,248,225)
```
#1bf8e4
```
#1bf8e4 rgb(27,248,228)
```
#2ef9e6
```
#2ef9e6 rgb(46,249,230)
```
#41f9e8
```
#41f9e8 rgb(65,249,232)
```
#54faea
```
#54faea rgb(84,250,234)
```
#67faed
```
#67faed rgb(103,250,237)
```
#7afbef
```
#7afbef rgb(122,251,239)
```
#8dfcf1
```
#8dfcf1 rgb(141,252,241)
```
#a0fcf4
```
#a0fcf4 rgb(160,252,244)
```
#b3fdf6
```
#b3fdf6 rgb(179,253,246)
```
#c6fdf8
```
#c6fdf8 rgb(198,253,248)
```
#d9fefa
```
#d9fefa rgb(217,254,250)
```
#ecfefd
```
#ecfefd rgb(236,254,253)
```

Tint Color Variation

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

#b9bcbc
```
#b9bcbc rgb(185,188,188)
```
#b4c1c0
```
#b4c1c0 rgb(180,193,192)
```
#afc6c4
```
#afc6c4 rgb(175,198,196)
```
#a9ccc8
```
#a9ccc8 rgb(169,204,200)
```
#a4d1cd
```
#a4d1cd rgb(164,209,205)
```
#9fd6d1
```
#9fd6d1 rgb(159,214,209)
```
#9adbd5
```
#9adbd5 rgb(154,219,213)
```
#94e1da
```
#94e1da rgb(148,225,218)
```
#8fe6de
```
#8fe6de rgb(143,230,222)
```
#8aebe2
```
#8aebe2 rgb(138,235,226)
```
#85f0e6
```
#85f0e6 rgb(133,240,230)
```
#7ff6eb
```
#7ff6eb rgb(127,246,235)
```
#7afbef
```
#7afbef rgb(122,251,239)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#c1dbd9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece6e4 Protanopia 1% of men
#f4e1f8 Deuteranopia 1% of men
#b1f2ff Tritanopia 0.001% of the population

Trichromacy

#c2ede8 Protanomaly 1% of men, 0.01% of women
#c8eaf5 Deuteranomaly 6% of men, 0.4% of women
#9df5f9 Tritanomaly 0.01% of the population

#7afbef hex color

#7afbef Color Information

#7afbef Color Conversion

Color Schemes with #7afbef

Alternatives to #7afbef

#7afbef Preview

Shades and Tints of #7afbef

Tones of #7afbef

Color Blindness Simulator