#6af7e0 hex color

In a RGB color space, hex #6af7e0 is composed of 41.6% red, 96.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 9.3% yellow and 3.1% black. It has a hue angle of 170.2 degrees, a saturation of 89.8% and a lightness of 69.2%. #6af7e0 color hex could be obtained by blending #d4ffff with #00efc1. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 42
- G 97
- B 88
RGB color chart
- C 57
- M 0
- Y 9
- K 3
CMYK color chart

● #6af7e0 color description : Soft cyan.

The hexadecimal color #6af7e0 has RGB values of R:106, G:247, B:224 and CMYK values of C:0.57, M:0, Y:0.09, K:0.03. Its decimal value is 7010272.

Hex triplet	6af7e0	`#6af7e0`
RGB Decimal	106, 247, 224	`rgb(106,247,224)`
RGB Percent	41.6, 96.9, 87.8	`rgb(41.6%,96.9%,87.8%)`
CMYK	57, 0, 9, 3
HSL	170.2°, 89.8, 69.2	`hsl(170.2,89.8%,69.2%)`
HSV (or HSB)	170.2°, 57.1, 96.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.376, -43.558, -0.436
XYZ	52.655, 74.963, 82.211
xyY	0.251, 0.357, 74.963
CIE-LCH	89.376, 43.56, 180.574
CIE-LUV	89.376, -57.985, 6.432
Hunter-Lab	86.581, -42.962, 4.309
Binary	01101010, 11110111, 11100000

#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#f76a81
```
#f76a81 rgb(247,106,129)
```

Complementary Color

#6af79a
```
#6af79a rgb(106,247,154)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#6ac8f7
```
#6ac8f7 rgb(106,200,247)
```

Analogous Color

#f79a6a
```
#f79a6a rgb(247,154,106)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#f76ac8
```
#f76ac8 rgb(247,106,200)
```

Split Complementary Color

#f7e06a
```
#f7e06a rgb(247,224,106)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#e06af7
```
#e06af7 rgb(224,106,247)
```

Triadic Color

#81f76a
```
#81f76a rgb(129,247,106)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#e06af7
```
#e06af7 rgb(224,106,247)
```
#f76a81
```
#f76a81 rgb(247,106,129)
```

Tetradic Color

#21f3d1
```
#21f3d1 rgb(33,243,209)
```
#3af4d6
```
#3af4d6 rgb(58,244,214)
```
#52f6db
```
#52f6db rgb(82,246,219)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#82f8e5
```
#82f8e5 rgb(130,248,229)
```
#9afaea
```
#9afaea rgb(154,250,234)
```
#b3fbef
```
#b3fbef rgb(179,251,239)
```

Monochromatic Color

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

#6af7bd
```
#6af7bd rgb(106,247,189)
```
#6af7c9
```
#6af7c9 rgb(106,247,201)
```
#6af7d4
```
#6af7d4 rgb(106,247,212)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#6af7ec
```
#6af7ec rgb(106,247,236)
```
#6af7f7
```
#6af7f7 rgb(106,247,247)
```
#6aebf7
```
#6aebf7 rgb(106,235,247)
```

Similar Colors

Text with hexadecimal color #6af7e0

This text has a font color of #6af7e0.

<span style="color:#6af7e0;">Text here</span>

#6af7e0 background color

This paragraph has a background color of #6af7e0.

<p style="background-color:#6af7e0;">Content here</p>

#6af7e0 border color

This element has a border color of #6af7e0.

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

CSS codes

.text {color:#6af7e0;}

.background {background-color:#6af7e0;}

.border {border:1px solid #6af7e0;}

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

#011310
```
#011310 rgb(1,19,16)
```
#02251f
```
#02251f rgb(2,37,31)
```
#03382f
```
#03382f rgb(3,56,47)
```
#044a3f
```
#044a3f rgb(4,74,63)
```
#055d4f
```
#055d4f rgb(5,93,79)
```
#06705e
```
#06705e rgb(6,112,94)
```
#07826e
```
#07826e rgb(7,130,110)
```
#08957e
```
#08957e rgb(8,149,126)
```
#09a78e
```
#09a78e rgb(9,167,142)
```
#0aba9d
```
#0aba9d rgb(10,186,157)
```
#0bcdad
```
#0bcdad rgb(11,205,173)
```
#0cdfbd
```
#0cdfbd rgb(12,223,189)
```
#0df2cd
```
#0df2cd rgb(13,242,205)
```

Shade Color Variation

#20f3d1
```
#20f3d1 rgb(32,243,209)
```
#32f4d4
```
#32f4d4 rgb(50,244,212)
```
#45f5d8
```
#45f5d8 rgb(69,245,216)
```
#57f6dc
```
#57f6dc rgb(87,246,220)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#7df8e4
```
#7df8e4 rgb(125,248,228)
```
#8ff9e8
```
#8ff9e8 rgb(143,249,232)
```
#a2faec
```
#a2faec rgb(162,250,236)
```
#b4fbef
```
#b4fbef rgb(180,251,239)
```
#c7fcf3
```
#c7fcf3 rgb(199,252,243)
```
#dafdf7
```
#dafdf7 rgb(218,253,247)
```
#ecfefb
```
#ecfefb rgb(236,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#acb5b3
```
#acb5b3 rgb(172,181,179)
```
#a6bbb7
```
#a6bbb7 rgb(166,187,183)
```
#a0c1bb
```
#a0c1bb rgb(160,193,187)
```
#9ac7bf
```
#9ac7bf rgb(154,199,191)
```
#94cdc4
```
#94cdc4 rgb(148,205,196)
```
#8ed3c8
```
#8ed3c8 rgb(142,211,200)
```
#88d9cc
```
#88d9cc rgb(136,217,204)
```
#82dfd0
```
#82dfd0 rgb(130,223,208)
```
#7ce5d4
```
#7ce5d4 rgb(124,229,212)
```
#76ebd8
```
#76ebd8 rgb(118,235,216)
```
#70f1dc
```
#70f1dc rgb(112,241,220)
```
#6af7e0
```
#6af7e0 rgb(106,247,224)
```
#64fde4
```
#64fde4 rgb(100,253,228)
```

Tone Color Variation

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

Dichromacy

#e8e1d6 Protanopia 1% of men
#f2dbeb Deuteranopia 1% of men
#96efff Tritanopia 0.001% of the population

Trichromacy

#bae9d9 Protanomaly 1% of men, 0.01% of women
#c1e5e7 Deuteranomaly 6% of men, 0.4% of women
#86f2f3 Tritanomaly 0.01% of the population

#6af7e0 hex color

#6af7e0 Color Information

#6af7e0 Color Conversion

Color Schemes with #6af7e0

Alternatives to #6af7e0

#6af7e0 Preview

Shades and Tints of #6af7e0

Tones of #6af7e0

Color Blindness Simulator