#6affcc hex color

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

♥
- f
- t
- g
- R 42
- G 100
- B 80
RGB color chart
- C 58
- M 0
- Y 20
- K 0
CMYK color chart

● #6affcc color description : Very light cyan - lime green.

The hexadecimal color #6affcc has RGB values of R:106, G:255, B:204 and CMYK values of C:0.58, M:0, Y:0.2, K:0. Its decimal value is 7012300.

Hex triplet	6affcc	`#6affcc`
RGB Decimal	106, 255, 204	`rgb(106,255,204)`
RGB Percent	41.6, 100, 80	`rgb(41.6%,100%,80%)`
CMYK	58, 0, 20, 0
HSL	159.5°, 100, 70.8	`hsl(159.5,100%,70.8%)`
HSV (or HSB)	159.5°, 58.4, 100
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.207, -51.596, 12.565
XYZ	52.599, 78.94, 69.588
xyY	0.262, 0.392, 78.94
CIE-LCH	91.207, 53.104, 166.314
CIE-LUV	91.207, -61.992, 27.476
Hunter-Lab	88.848, -49.81, 15.756
Binary	01101010, 11111111, 11001100

#6affcc
```
#6affcc rgb(106,255,204)
```
#ff6a9d
```
#ff6a9d rgb(255,106,157)
```

Complementary Color

#6aff82
```
#6aff82 rgb(106,255,130)
```
#6affcc
```
#6affcc rgb(106,255,204)
```
#6ae8ff
```
#6ae8ff rgb(106,232,255)
```

Analogous Color

#ff826a
```
#ff826a rgb(255,130,106)
```
#6affcc
```
#6affcc rgb(106,255,204)
```
#ff6ae8
```
#ff6ae8 rgb(255,106,232)
```

Split Complementary Color

#ffcc6a
```
#ffcc6a rgb(255,204,106)
```
#6affcc
```
#6affcc rgb(106,255,204)
```
#cc6aff
```
#cc6aff rgb(204,106,255)
```

Triadic Color

#9dff6a
```
#9dff6a rgb(157,255,106)
```
#6affcc
```
#6affcc rgb(106,255,204)
```
#cc6aff
```
#cc6aff rgb(204,106,255)
```
#ff6a9d
```
#ff6a9d rgb(255,106,157)
```

Tetradic Color

#1effb2
```
#1effb2 rgb(30,255,178)
```
#37ffbb
```
#37ffbb rgb(55,255,187)
```
#51ffc3
```
#51ffc3 rgb(81,255,195)
```
#6affcc
```
#6affcc rgb(106,255,204)
```
#84ffd5
```
#84ffd5 rgb(132,255,213)
```
#9dffdd
```
#9dffdd rgb(157,255,221)
```
#b7ffe6
```
#b7ffe6 rgb(183,255,230)
```

Monochromatic Color

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

#6affa7
```
#6affa7 rgb(106,255,167)
```
#6affb3
```
#6affb3 rgb(106,255,179)
```
#6affc0
```
#6affc0 rgb(106,255,192)
```
#6affcc
```
#6affcc rgb(106,255,204)
```
#6affd8
```
#6affd8 rgb(106,255,216)
```
#6affe5
```
#6affe5 rgb(106,255,229)
```
#6afff1
```
#6afff1 rgb(106,255,241)
```

Similar Colors

Text with hexadecimal color #6affcc

This text has a font color of #6affcc.

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

#6affcc background color

This paragraph has a background color of #6affcc.

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

#6affcc border color

This element has a border color of #6affcc.

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

CSS codes

.text {color:#6affcc;}

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

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

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

#000805
```
#000805 rgb(0,8,5)
```
#001c12
```
#001c12 rgb(0,28,18)
```
#002f1f
```
#002f1f rgb(0,47,31)
```
#00432c
```
#00432c rgb(0,67,44)
```
#005639
```
#005639 rgb(0,86,57)
```
#006a46
```
#006a46 rgb(0,106,70)
```
#007e53
```
#007e53 rgb(0,126,83)
```
#009160
```
#009160 rgb(0,145,96)
```
#00a56c
```
#00a56c rgb(0,165,108)
```
#00b879
```
#00b879 rgb(0,184,121)
```
#00cc86
```
#00cc86 rgb(0,204,134)
```
#00e093
```
#00e093 rgb(0,224,147)
```
#00f3a0
```
#00f3a0 rgb(0,243,160)
```

Shade Color Variation

#08ffaa
```
#08ffaa rgb(8,255,170)
```
#1cffb1
```
#1cffb1 rgb(28,255,177)
```
#2fffb8
```
#2fffb8 rgb(47,255,184)
```
#43ffbf
```
#43ffbf rgb(67,255,191)
```
#56ffc5
```
#56ffc5 rgb(86,255,197)
```
#6affcc
```
#6affcc rgb(106,255,204)
```
#7effd3
```
#7effd3 rgb(126,255,211)
```
#91ffd9
```
#91ffd9 rgb(145,255,217)
```
#a5ffe0
```
#a5ffe0 rgb(165,255,224)
```
#b8ffe7
```
#b8ffe7 rgb(184,255,231)
```
#ccffee
```
#ccffee rgb(204,255,238)
```
#e0fff4
```
#e0fff4 rgb(224,255,244)
```
#f3fffb
```
#f3fffb rgb(243,255,251)
```

Tint Color Variation

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

#afbab6
```
#afbab6 rgb(175,186,182)
```
#a9c0b8
```
#a9c0b8 rgb(169,192,184)
```
#a3c6ba
```
#a3c6ba rgb(163,198,186)
```
#9ecbbc
```
#9ecbbc rgb(158,203,188)
```
#98d1be
```
#98d1be rgb(152,209,190)
```
#92d7bf
```
#92d7bf rgb(146,215,191)
```
#8cddc1
```
#8cddc1 rgb(140,221,193)
```
#87e2c3
```
#87e2c3 rgb(135,226,195)
```
#81e8c5
```
#81e8c5 rgb(129,232,197)
```
#7beec7
```
#7beec7 rgb(123,238,199)
```
#75f4c8
```
#75f4c8 rgb(117,244,200)
```
#70f9ca
```
#70f9ca rgb(112,249,202)
```
#6affcc
```
#6affcc rgb(106,255,204)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#b9d7cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e6c3 Protanopia 1% of men
#ffe0da Deuteranopia 1% of men
#aef2ff Tritanopia 0.001% of the population

Trichromacy

#c1efc6 Protanomaly 1% of men, 0.01% of women
#c8ebd5 Deuteranomaly 6% of men, 0.4% of women
#95f6ec Tritanomaly 0.01% of the population

#6affcc hex color

#6affcc Color Information

#6affcc Color Conversion

Color Schemes with #6affcc

Alternatives to #6affcc

#6affcc Preview

Shades and Tints of #6affcc

Tones of #6affcc

Color Blindness Simulator