#6af9e4 hex color

In a RGB color space, hex #6af9e4 is composed of 41.6% red, 97.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 0% magenta, 8.4% yellow and 2.4% black. It has a hue angle of 171.2 degrees, a saturation of 92.3% and a lightness of 69.6%. #6af9e4 color hex could be obtained by blending #d4ffff with #00f3c9. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 42
- G 98
- B 89
RGB color chart
- C 57
- M 0
- Y 8
- K 2
CMYK color chart

● #6af9e4 color description : Soft cyan.

The hexadecimal color #6af9e4 has RGB values of R:106, G:249, B:228 and CMYK values of C:0.57, M:0, Y:0.08, K:0.02. Its decimal value is 7010788.

Hex triplet	6af9e4	`#6af9e4`
RGB Decimal	106, 249, 228	`rgb(106,249,228)`
RGB Percent	41.6, 97.6, 89.4	`rgb(41.6%,97.6%,89.4%)`
CMYK	57, 0, 8, 2
HSL	171.2°, 92.3, 69.6	`hsl(171.2,92.3%,69.6%)`
HSV (or HSB)	171.2°, 57.4, 97.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.051, -43.463, -1.531
XYZ	53.819, 76.413, 85.307
xyY	0.25, 0.355, 76.413
CIE-LCH	90.051, 43.49, 182.017
CIE-LUV	90.051, -58.509, 4.703
Hunter-Lab	87.414, -43.077, 3.329
Binary	01101010, 11111001, 11100100

#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#f96a7f
```
#f96a7f rgb(249,106,127)
```

Complementary Color

#6af99d
```
#6af99d rgb(106,249,157)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#6ac7f9
```
#6ac7f9 rgb(106,199,249)
```

Analogous Color

#f99d6a
```
#f99d6a rgb(249,157,106)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#f96ac7
```
#f96ac7 rgb(249,106,199)
```

Split Complementary Color

#f9e46a
```
#f9e46a rgb(249,228,106)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#e46af9
```
#e46af9 rgb(228,106,249)
```

Triadic Color

#7ff96a
```
#7ff96a rgb(127,249,106)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#e46af9
```
#e46af9 rgb(228,106,249)
```
#f96a7f
```
#f96a7f rgb(249,106,127)
```

Tetradic Color

#20f6d7
```
#20f6d7 rgb(32,246,215)
```
#39f7db
```
#39f7db rgb(57,247,219)
```
#51f8e0
```
#51f8e0 rgb(81,248,224)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#83fae8
```
#83fae8 rgb(131,250,232)
```
#9bfbed
```
#9bfbed rgb(155,251,237)
```
#b4fcf1
```
#b4fcf1 rgb(180,252,241)
```

Monochromatic Color

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

#6af9c0
```
#6af9c0 rgb(106,249,192)
```
#6af9cc
```
#6af9cc rgb(106,249,204)
```
#6af9d8
```
#6af9d8 rgb(106,249,216)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#6af9f0
```
#6af9f0 rgb(106,249,240)
```
#6af6f9
```
#6af6f9 rgb(106,246,249)
```
#6aeaf9
```
#6aeaf9 rgb(106,234,249)
```

Similar Colors

Text with hexadecimal color #6af9e4

This text has a font color of #6af9e4.

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

#6af9e4 background color

This paragraph has a background color of #6af9e4.

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

#6af9e4 border color

This element has a border color of #6af9e4.

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

CSS codes

.text {color:#6af9e4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011512
```
#011512 rgb(1,21,18)
```
#022822
```
#022822 rgb(2,40,34)
```
#023a32
```
#023a32 rgb(2,58,50)
```
#034d42
```
#034d42 rgb(3,77,66)
```
#046053
```
#046053 rgb(4,96,83)
```
#057363
```
#057363 rgb(5,115,99)
```
#058673
```
#058673 rgb(5,134,115)
```
#069983
```
#069983 rgb(6,153,131)
```
#07ac93
```
#07ac93 rgb(7,172,147)
```
#08bea4
```
#08bea4 rgb(8,190,164)
```
#08d1b4
```
#08d1b4 rgb(8,209,180)
```
#09e4c4
```
#09e4c4 rgb(9,228,196)
```

Shade Color Variation

#0cf5d3
```
#0cf5d3 rgb(12,245,211)
```
#1ff6d6
```
#1ff6d6 rgb(31,246,214)
```
#31f7da
```
#31f7da rgb(49,247,218)
```
#44f7dd
```
#44f7dd rgb(68,247,221)
```
#57f8e1
```
#57f8e1 rgb(87,248,225)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#7dfae7
```
#7dfae7 rgb(125,250,231)
```
#90fbeb
```
#90fbeb rgb(144,251,235)
```
#a3fbee
```
#a3fbee rgb(163,251,238)
```
#b5fcf2
```
#b5fcf2 rgb(181,252,242)
```
#c8fdf5
```
#c8fdf5 rgb(200,253,245)
```
#dbfef9
```
#dbfef9 rgb(219,254,249)
```
#eefefc
```
#eefefc rgb(238,254,252)
```

Tint Color Variation

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

#acb7b6
```
#acb7b6 rgb(172,183,182)
```
#a6bdba
```
#a6bdba rgb(166,189,186)
```
#a0c3be
```
#a0c3be rgb(160,195,190)
```
#9ac9c2
```
#9ac9c2 rgb(154,201,194)
```
#94cfc7
```
#94cfc7 rgb(148,207,199)
```
#8ed5cb
```
#8ed5cb rgb(142,213,203)
```
#88dbcf
```
#88dbcf rgb(136,219,207)
```
#82e1d3
```
#82e1d3 rgb(130,225,211)
```
#7ce7d7
```
#7ce7d7 rgb(124,231,215)
```
#76eddc
```
#76eddc rgb(118,237,220)
```
#70f3e0
```
#70f3e0 rgb(112,243,224)
```
#6af9e4
```
#6af9e4 rgb(106,249,228)
```
#64ffe8
```
#64ffe8 rgb(100,255,232)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#b8d5d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae3d9 Protanopia 1% of men
#f3ddef Deuteranopia 1% of men
#9ff0ff Tritanopia 0.001% of the population

Trichromacy

#bbebdd Protanomaly 1% of men, 0.01% of women
#c1e7eb Deuteranomaly 6% of men, 0.4% of women
#8bf3f5 Tritanomaly 0.01% of the population

#6af9e4 hex color

#6af9e4 Color Information

#6af9e4 Color Conversion

Color Schemes with #6af9e4

Alternatives to #6af9e4

#6af9e4 Preview

Shades and Tints of #6af9e4

Tones of #6af9e4

Color Blindness Simulator