#6af1d2 hex color

In a RGB color space, hex #6af1d2 is composed of 41.6% red, 94.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 0% magenta, 12.9% yellow and 5.5% black. It has a hue angle of 166.2 degrees, a saturation of 82.8% and a lightness of 68%. #6af1d2 color hex could be obtained by blending #d4ffff with #00e3a5. Closest websafe color is: #66ffcc.

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

● #6af1d2 color description : Soft cyan.

The hexadecimal color #6af1d2 has RGB values of R:106, G:241, B:210 and CMYK values of C:0.56, M:0, Y:0.13, K:0.05. Its decimal value is 7008722.

Hex triplet	6af1d2	`#6af1d2`
RGB Decimal	106, 241, 210	`rgb(106,241,210)`
RGB Percent	41.6, 94.5, 82.4	`rgb(41.6%,94.5%,82.4%)`
CMYK	56, 0, 13, 5
HSL	166.2°, 82.8, 68	`hsl(166.2,82.8%,68%)`
HSV (or HSB)	166.2°, 56, 94.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.302, -44.272, 3.851
XYZ	49.028, 70.624, 72.017
xyY	0.256, 0.368, 70.624
CIE-LCH	87.302, 44.439, 175.029
CIE-LUV	87.302, -56.483, 13.139
Hunter-Lab	84.038, -42.929, 8.018
Binary	01101010, 11110001, 11010010

#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#f16a89
```
#f16a89 rgb(241,106,137)
```

Complementary Color

#6af18f
```
#6af18f rgb(106,241,143)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#6acdf1
```
#6acdf1 rgb(106,205,241)
```

Analogous Color

#f18f6a
```
#f18f6a rgb(241,143,106)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#f16acd
```
#f16acd rgb(241,106,205)
```

Split Complementary Color

#f1d26a
```
#f1d26a rgb(241,210,106)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#d26af1
```
#d26af1 rgb(210,106,241)
```

Triadic Color

#89f16a
```
#89f16a rgb(137,241,106)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#d26af1
```
#d26af1 rgb(210,106,241)
```
#f16a89
```
#f16a89 rgb(241,106,137)
```

Tetradic Color

#24eabd
```
#24eabd rgb(36,234,189)
```
#3bedc4
```
#3bedc4 rgb(59,237,196)
```
#53efcb
```
#53efcb rgb(83,239,203)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#81f3d9
```
#81f3d9 rgb(129,243,217)
```
#99f5e0
```
#99f5e0 rgb(153,245,224)
```
#b0f8e7
```
#b0f8e7 rgb(176,248,231)
```

Monochromatic Color

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

#6af1b0
```
#6af1b0 rgb(106,241,176)
```
#6af1bc
```
#6af1bc rgb(106,241,188)
```
#6af1c7
```
#6af1c7 rgb(106,241,199)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#6af1dd
```
#6af1dd rgb(106,241,221)
```
#6af1e9
```
#6af1e9 rgb(106,241,233)
```
#6aeef1
```
#6aeef1 rgb(106,238,241)
```

Similar Colors

Text with hexadecimal color #6af1d2

This text has a font color of #6af1d2.

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

#6af1d2 background color

This paragraph has a background color of #6af1d2.

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

#6af1d2 border color

This element has a border color of #6af1d2.

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

CSS codes

.text {color:#6af1d2;}

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

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

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

#010c0a
```
#010c0a rgb(1,12,10)
```
#031e18
```
#031e18 rgb(3,30,24)
```
#053026
```
#053026 rgb(5,48,38)
```
#064234
```
#064234 rgb(6,66,52)
```
#085443
```
#085443 rgb(8,84,67)
```
#0a6651
```
#0a6651 rgb(10,102,81)
```
#0b785f
```
#0b785f rgb(11,120,95)
```
#0d8a6d
```
#0d8a6d rgb(13,138,109)
```
#0f9c7b
```
#0f9c7b rgb(15,156,123)
```
#10ae8a
```
#10ae8a rgb(16,174,138)
```
#12c098
```
#12c098 rgb(18,192,152)
```
#14d2a6
```
#14d2a6 rgb(20,210,166)
```
#15e4b4
```
#15e4b4 rgb(21,228,180)
```

Shade Color Variation

#22eabc
```
#22eabc rgb(34,234,188)
```
#34ecc2
```
#34ecc2 rgb(52,236,194)
```
#46eec7
```
#46eec7 rgb(70,238,199)
```
#58efcd
```
#58efcd rgb(88,239,205)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#7cf3d7
```
#7cf3d7 rgb(124,243,215)
```
#8ef4dd
```
#8ef4dd rgb(142,244,221)
```
#a0f6e2
```
#a0f6e2 rgb(160,246,226)
```
#b2f8e8
```
#b2f8e8 rgb(178,248,232)
```
#c4f9ed
```
#c4f9ed rgb(196,249,237)
```
#d6fbf2
```
#d6fbf2 rgb(214,251,242)
```
#e8fdf8
```
#e8fdf8 rgb(232,253,248)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#a9b2b0
```
#a9b2b0 rgb(169,178,176)
```
#a2b9b3
```
#a2b9b3 rgb(162,185,179)
```
#9cbfb7
```
#9cbfb7 rgb(156,191,183)
```
#96c5ba
```
#96c5ba rgb(150,197,186)
```
#90cbbe
```
#90cbbe rgb(144,203,190)
```
#89d2c1
```
#89d2c1 rgb(137,210,193)
```
#83d8c4
```
#83d8c4 rgb(131,216,196)
```
#7ddec8
```
#7ddec8 rgb(125,222,200)
```
#77e4cb
```
#77e4cb rgb(119,228,203)
```
#70ebcf
```
#70ebcf rgb(112,235,207)
```
#6af1d2
```
#6af1d2 rgb(106,241,210)
```
#64f7d5
```
#64f7d5 rgb(100,247,213)
```
#5dfed9
```
#5dfed9 rgb(93,254,217)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b3cec8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dbc9 Protanopia 1% of men
#f0d6dd Deuteranopia 1% of men
#83ebfc Tritanopia 0.001% of the population

Trichromacy

#b8e3cc Protanomaly 1% of men, 0.01% of women
#bfdfd9 Deuteranomaly 6% of men, 0.4% of women
#7aeded Tritanomaly 0.01% of the population

#6af1d2 hex color

#6af1d2 Color Information

#6af1d2 Color Conversion

Color Schemes with #6af1d2

Alternatives to #6af1d2

#6af1d2 Preview

Shades and Tints of #6af1d2

Tones of #6af1d2

Color Blindness Simulator