#6af2d8 hex color

In a RGB color space, hex #6af2d8 is composed of 41.6% red, 94.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 0% magenta, 10.7% yellow and 5.1% black. It has a hue angle of 168.5 degrees, a saturation of 84% and a lightness of 68.2%. #6af2d8 color hex could be obtained by blending #d4ffff with #00e5b1. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 42
- G 95
- B 85
RGB color chart
- C 56
- M 0
- Y 11
- K 5
CMYK color chart

● #6af2d8 color description : Soft cyan.

The hexadecimal color #6af2d8 has RGB values of R:106, G:242, B:216 and CMYK values of C:0.56, M:0, Y:0.11, K:0.05. Its decimal value is 7008984.

Hex triplet	6af2d8	`#6af2d8`
RGB Decimal	106, 242, 216	`rgb(106,242,216)`
RGB Percent	41.6, 94.9, 84.7	`rgb(41.6%,94.9%,84.7%)`
CMYK	56, 0, 11, 5
HSL	168.5°, 84, 68.2	`hsl(168.5,84%,68.2%)`
HSV (or HSB)	168.5°, 56.2, 94.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.738, -43.287, 1.348
XYZ	50.087, 71.522, 76.128
xyY	0.253, 0.362, 71.522
CIE-LCH	87.738, 43.308, 178.216
CIE-LUV	87.738, -56.549, 9.146
Hunter-Lab	84.571, -42.283, 5.829
Binary	01101010, 11110010, 11011000

#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#f26a84
```
#f26a84 rgb(242,106,132)
```

Complementary Color

#6af294
```
#6af294 rgb(106,242,148)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#6ac8f2
```
#6ac8f2 rgb(106,200,242)
```

Analogous Color

#f2946a
```
#f2946a rgb(242,148,106)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#f26ac8
```
#f26ac8 rgb(242,106,200)
```

Split Complementary Color

#f2d86a
```
#f2d86a rgb(242,216,106)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#d86af2
```
#d86af2 rgb(216,106,242)
```

Triadic Color

#84f26a
```
#84f26a rgb(132,242,106)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#d86af2
```
#d86af2 rgb(216,106,242)
```
#f26a84
```
#f26a84 rgb(242,106,132)
```

Tetradic Color

#24ecc6
```
#24ecc6 rgb(36,236,198)
```
#3beecc
```
#3beecc rgb(59,238,204)
```
#53f0d2
```
#53f0d2 rgb(83,240,210)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#81f4de
```
#81f4de rgb(129,244,222)
```
#99f6e4
```
#99f6e4 rgb(153,246,228)
```
#b0f8ea
```
#b0f8ea rgb(176,248,234)
```

Monochromatic Color

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

#6af2b6
```
#6af2b6 rgb(106,242,182)
```
#6af2c1
```
#6af2c1 rgb(106,242,193)
```
#6af2cd
```
#6af2cd rgb(106,242,205)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#6af2e3
```
#6af2e3 rgb(106,242,227)
```
#6af2ef
```
#6af2ef rgb(106,242,239)
```
#6aeaf2
```
#6aeaf2 rgb(106,234,242)
```

Similar Colors

Text with hexadecimal color #6af2d8

This text has a font color of #6af2d8.

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

#6af2d8 background color

This paragraph has a background color of #6af2d8.

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

#6af2d8 border color

This element has a border color of #6af2d8.

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

CSS codes

.text {color:#6af2d8;}

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

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

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, #010d0b is the darkest color, while #fafffe is the lightest one.

#010d0b
```
#010d0b rgb(1,13,11)
```
#031f1a
```
#031f1a rgb(3,31,26)
```
#043129
```
#043129 rgb(4,49,41)
```
#064338
```
#064338 rgb(6,67,56)
```
#075647
```
#075647 rgb(7,86,71)
```
#096856
```
#096856 rgb(9,104,86)
```
#0b7a64
```
#0b7a64 rgb(11,122,100)
```
#0c8c73
```
#0c8c73 rgb(12,140,115)
```
#0e9e82
```
#0e9e82 rgb(14,158,130)
```
#0fb091
```
#0fb091 rgb(15,176,145)
```
#11c2a0
```
#11c2a0 rgb(17,194,160)
```
#12d4af
```
#12d4af rgb(18,212,175)
```
#14e6be
```
#14e6be rgb(20,230,190)
```

Shade Color Variation

#22ecc5
```
#22ecc5 rgb(34,236,197)
```
#34edca
```
#34edca rgb(52,237,202)
```
#46efcf
```
#46efcf rgb(70,239,207)
```
#58f0d3
```
#58f0d3 rgb(88,240,211)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#7cf4dd
```
#7cf4dd rgb(124,244,221)
```
#8ef5e1
```
#8ef5e1 rgb(142,245,225)
```
#a0f7e6
```
#a0f7e6 rgb(160,247,230)
```
#b2f8eb
```
#b2f8eb rgb(178,248,235)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#d6fbf4
```
#d6fbf4 rgb(214,251,244)
```
#e8fdf9
```
#e8fdf9 rgb(232,253,249)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#a8b4b2
```
#a8b4b2 rgb(168,180,178)
```
#a2bab5
```
#a2bab5 rgb(162,186,181)
```
#9cc0b9
```
#9cc0b9 rgb(156,192,185)
```
#96c6bd
```
#96c6bd rgb(150,198,189)
```
#8fcdc1
```
#8fcdc1 rgb(143,205,193)
```
#89d3c5
```
#89d3c5 rgb(137,211,197)
```
#83d9c9
```
#83d9c9 rgb(131,217,201)
```
#7ddfcc
```
#7ddfcc rgb(125,223,204)
```
#76e6d0
```
#76e6d0 rgb(118,230,208)
```
#70ecd4
```
#70ecd4 rgb(112,236,212)
```
#6af2d8
```
#6af2d8 rgb(106,242,216)
```
#64f8dc
```
#64f8dc rgb(100,248,220)
```
#5efee0
```
#5efee0 rgb(94,254,224)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b4cfca Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dcce Protanopia 1% of men
#efd7e3 Deuteranopia 1% of men
#81edfe Tritanopia 0.001% of the population

Trichromacy

#b8e4d2 Protanomaly 1% of men, 0.01% of women
#bee1df Deuteranomaly 6% of men, 0.4% of women
#79eef0 Tritanomaly 0.01% of the population

#6af2d8 hex color

#6af2d8 Color Information

#6af2d8 Color Conversion

Color Schemes with #6af2d8

Alternatives to #6af2d8

#6af2d8 Preview

Shades and Tints of #6af2d8

Tones of #6af2d8

Color Blindness Simulator