colorhexa.com

#6affec hex color

In a RGB color space, hex #6affec is composed of 41.6% red, 100% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 0% magenta, 7.5% yellow and 0% black. It has a hue angle of 172.3 degrees, a saturation of 100% and a lightness of 70.8%. #6affec color hex could be obtained by blending #d4ffff with #00ffd9. Closest websafe color is: #66ffff.

- R 42
- G 100
- B 93
RGB color chart
- C 58
- M 0
- Y 7
- K 0
CMYK color chart

● #6affec color description : Very light cyan.

The hexadecimal color #6affec has RGB values of R:106, G:255, B:236 and CMYK values of C:0.58, M:0, Y:0.07, K:0. Its decimal value is 7012332.

Hex triplet	6affec	`#6affec`
RGB Decimal	106, 255, 236	`rgb(106,255,236)`
RGB Percent	41.6, 100, 92.5	`rgb(41.6%,100%,92.5%)`
CMYK	58, 0, 7, 0
HSL	172.3°, 100, 70.8	`hsl(172.3,100%,70.8%)`
HSV (or HSB)	172.3°, 58.4, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.969, -44.135, -2.869
XYZ	56.839, 80.636, 91.921
xyY	0.248, 0.352, 80.636
CIE-LCH	91.969, 44.228, 183.719
CIE-LUV	91.969, -60.27, 2.7
Hunter-Lab	89.797, -44.16, 2.166
Binary	01101010, 11111111, 11101100

#6affec
```
#6affec rgb(106,255,236)
```
#ff6a7d
```
#ff6a7d rgb(255,106,125)
```

Complementary Color

#6affa2
```
#6affa2 rgb(106,255,162)
```
#6affec
```
#6affec rgb(106,255,236)
```
#6ac8ff
```
#6ac8ff rgb(106,200,255)
```

Analogous Color

#ffa26a
```
#ffa26a rgb(255,162,106)
```
#6affec
```
#6affec rgb(106,255,236)
```
#ff6ac8
```
#ff6ac8 rgb(255,106,200)
```

Split Complementary Color

#ffec6a
```
#ffec6a rgb(255,236,106)
```
#6affec
```
#6affec rgb(106,255,236)
```
#ec6aff
```
#ec6aff rgb(236,106,255)
```

Triadic Color

#7dff6a
```
#7dff6a rgb(125,255,106)
```
#6affec
```
#6affec rgb(106,255,236)
```
#ec6aff
```
#ec6aff rgb(236,106,255)
```
#ff6a7d
```
#ff6a7d rgb(255,106,125)
```

Tetradic Color

#1effe2
```
#1effe2 rgb(30,255,226)
```
#37ffe5
```
#37ffe5 rgb(55,255,229)
```
#51ffe9
```
#51ffe9 rgb(81,255,233)
```
#6affec
```
#6affec rgb(106,255,236)
```
#84ffef
```
#84ffef rgb(132,255,239)
```
#9dfff3
```
#9dfff3 rgb(157,255,243)
```
#b7fff6
```
#b7fff6 rgb(183,255,246)
```

Monochromatic Color

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

#6affc7
```
#6affc7 rgb(106,255,199)
```
#6affd3
```
#6affd3 rgb(106,255,211)
```
#6affe0
```
#6affe0 rgb(106,255,224)
```
#6affec
```
#6affec rgb(106,255,236)
```
#6afff8
```
#6afff8 rgb(106,255,248)
```
#6af9ff
```
#6af9ff rgb(106,249,255)
```
#6aedff
```
#6aedff rgb(106,237,255)
```

Similar Colors

Text with hexadecimal color #6affec

This text has a font color of #6affec.

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

#6affec background color

This paragraph has a background color of #6affec.

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

#6affec border color

This element has a border color of #6affec.

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

CSS codes

.text {color:#6affec;}

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

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

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

#000807
```
#000807 rgb(0,8,7)
```
#001c18
```
#001c18 rgb(0,28,24)
```
#002f29
```
#002f29 rgb(0,47,41)
```
#00433a
```
#00433a rgb(0,67,58)
```
#00564b
```
#00564b rgb(0,86,75)
```
#006a5c
```
#006a5c rgb(0,106,92)
```
#007e6e
```
#007e6e rgb(0,126,110)
```
#00917f
```
#00917f rgb(0,145,127)
```
#00a590
```
#00a590 rgb(0,165,144)
```
#00b8a1
```
#00b8a1 rgb(0,184,161)
```
#00ccb2
```
#00ccb2 rgb(0,204,178)
```
#00e0c3
```
#00e0c3 rgb(0,224,195)
```
#00f3d4
```
#00f3d4 rgb(0,243,212)
```

Shade Color Variation

#08ffdf
```
#08ffdf rgb(8,255,223)
```
#1cffe2
```
#1cffe2 rgb(28,255,226)
```
#2fffe4
```
#2fffe4 rgb(47,255,228)
```
#43ffe7
```
#43ffe7 rgb(67,255,231)
```
#56ffe9
```
#56ffe9 rgb(86,255,233)
```
#6affec
```
#6affec rgb(106,255,236)
```
#7effef
```
#7effef rgb(126,255,239)
```
#91fff1
```
#91fff1 rgb(145,255,241)
```
#a5fff4
```
#a5fff4 rgb(165,255,244)
```
#b8fff6
```
#b8fff6 rgb(184,255,246)
```
#ccfff9
```
#ccfff9 rgb(204,255,249)
```
#e0fffb
```
#e0fffb rgb(224,255,251)
```
#f3fffe
```
#f3fffe rgb(243,255,254)
```

Tint Color Variation

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

#afbab9
```
#afbab9 rgb(175,186,185)
```
#a9c0bd
```
#a9c0bd rgb(169,192,189)
```
#a3c6c1
```
#a3c6c1 rgb(163,198,193)
```
#9ecbc6
```
#9ecbc6 rgb(158,203,198)
```
#98d1ca
```
#98d1ca rgb(152,209,202)
```
#92d7ce
```
#92d7ce rgb(146,215,206)
```
#8cddd2
```
#8cddd2 rgb(140,221,210)
```
#87e2d7
```
#87e2d7 rgb(135,226,215)
```
#81e8db
```
#81e8db rgb(129,232,219)
```
#7beedf
```
#7beedf rgb(123,238,223)
```
#75f4e3
```
#75f4e3 rgb(117,244,227)
```
#70f9e8
```
#70f9e8 rgb(112,249,232)
```
#6affec
```
#6affec rgb(106,255,236)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#bcd9d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe8e1 Protanopia 1% of men
#f8e2f6 Deuteranopia 1% of men
#b5f3ff Tritanopia 0.001% of the population

Trichromacy

#bef0e5 Protanomaly 1% of men, 0.01% of women
#c4edf2 Deuteranomaly 6% of men, 0.4% of women
#9af7f8 Tritanomaly 0.01% of the population