colorhexa.com

#6afce4 hex color

In a RGB color space, hex #6afce4 is composed of 41.6% red, 98.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 9.5% yellow and 1.2% black. It has a hue angle of 170.1 degrees, a saturation of 96.1% and a lightness of 70.2%. #6afce4 color hex could be obtained by blending #d4ffff with #00f9c9. Closest websafe color is: #66ffcc.

- R 42
- G 99
- B 89
RGB color chart
- C 58
- M 0
- Y 10
- K 1
CMYK color chart

● #6afce4 color description : Soft cyan.

The hexadecimal color #6afce4 has RGB values of R:106, G:252, B:228 and CMYK values of C:0.58, M:0, Y:0.1, K:0.01. Its decimal value is 7011556.

Hex triplet	6afce4	`#6afce4`
RGB Decimal	106, 252, 228	`rgb(106,252,228)`
RGB Percent	41.6, 98.8, 89.4	`rgb(41.6%,98.8%,89.4%)`
CMYK	58, 0, 10, 1
HSL	170.1°, 96.1, 70.2	`hsl(170.1,96.1%,70.2%)`
HSV (or HSB)	170.1°, 57.9, 98.8
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.908, -44.78, -0.276
XYZ	54.753, 78.282, 85.619
xyY	0.25, 0.358, 78.282
CIE-LCH	90.908, 44.78, 180.353
CIE-LUV	90.908, -59.61, 6.892
Hunter-Lab	88.477, -44.372, 4.559
Binary	01101010, 11111100, 11100100

#6afce4
```
#6afce4 rgb(106,252,228)
```
#fc6a82
```
#fc6a82 rgb(252,106,130)
```

Complementary Color

#6afc9b
```
#6afc9b rgb(106,252,155)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```
#6acbfc
```
#6acbfc rgb(106,203,252)
```

Analogous Color

#fc9b6a
```
#fc9b6a rgb(252,155,106)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```
#fc6acb
```
#fc6acb rgb(252,106,203)
```

Split Complementary Color

#fce46a
```
#fce46a rgb(252,228,106)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```
#e46afc
```
#e46afc rgb(228,106,252)
```

Triadic Color

#82fc6a
```
#82fc6a rgb(130,252,106)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```
#e46afc
```
#e46afc rgb(228,106,252)
```
#fc6a82
```
#fc6a82 rgb(252,106,130)
```

Tetradic Color

#1ffad6
```
#1ffad6 rgb(31,250,214)
```
#38fbdb
```
#38fbdb rgb(56,251,219)
```
#51fbdf
```
#51fbdf rgb(81,251,223)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```
#83fde9
```
#83fde9 rgb(131,253,233)
```
#9cfded
```
#9cfded rgb(156,253,237)
```
#b5fef2
```
#b5fef2 rgb(181,254,242)
```

Monochromatic Color

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

#6afcc0
```
#6afcc0 rgb(106,252,192)
```
#6afccc
```
#6afccc rgb(106,252,204)
```
#6afcd8
```
#6afcd8 rgb(106,252,216)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```
#6afcf0
```
#6afcf0 rgb(106,252,240)
```
#6afcfc
```
#6afcfc rgb(106,252,252)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```

Similar Colors

Text with hexadecimal color #6afce4

This text has a font color of #6afce4.

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

#6afce4 background color

This paragraph has a background color of #6afce4.

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

#6afce4 border color

This element has a border color of #6afce4.

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

CSS codes

.text {color:#6afce4;}

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

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

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

#000504
```
#000504 rgb(0,5,4)
```
#001814
```
#001814 rgb(0,24,20)
```
#012b24
```
#012b24 rgb(1,43,36)
```
#013f34
```
#013f34 rgb(1,63,52)
```
#025245
```
#025245 rgb(2,82,69)
```
#026555
```
#026555 rgb(2,101,85)
```
#027865
```
#027865 rgb(2,120,101)
```
#038b75
```
#038b75 rgb(3,139,117)
```
#039f85
```
#039f85 rgb(3,159,133)
```
#04b295
```
#04b295 rgb(4,178,149)
```
#04c5a5
```
#04c5a5 rgb(4,197,165)
```
#04d8b5
```
#04d8b5 rgb(4,216,181)
```
#05ecc6
```
#05ecc6 rgb(5,236,198)
```

Shade Color Variation

#0afad3
```
#0afad3 rgb(10,250,211)
```
#1dfad6
```
#1dfad6 rgb(29,250,214)
```
#30fbda
```
#30fbda rgb(48,251,218)
```
#44fbdd
```
#44fbdd rgb(68,251,221)
```
#57fce1
```
#57fce1 rgb(87,252,225)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```
#7dfce7
```
#7dfce7 rgb(125,252,231)
```
#90fdeb
```
#90fdeb rgb(144,253,235)
```
#a4fdee
```
#a4fdee rgb(164,253,238)
```
#b7fef2
```
#b7fef2 rgb(183,254,242)
```
#cafef5
```
#cafef5 rgb(202,254,245)
```
#ddfef9
```
#ddfef9 rgb(221,254,249)
```
#f1fffc
```
#f1fffc rgb(241,255,252)
```

Tint Color Variation

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

#b0b6b5
```
#b0b6b5 rgb(176,182,181)
```
#aabcb9
```
#aabcb9 rgb(170,188,185)
```
#a4c2bd
```
#a4c2bd rgb(164,194,189)
```
#9fc7c1
```
#9fc7c1 rgb(159,199,193)
```
#99cdc5
```
#99cdc5 rgb(153,205,197)
```
#93d3c9
```
#93d3c9 rgb(147,211,201)
```
#8dd9cc
```
#8dd9cc rgb(141,217,204)
```
#87dfd0
```
#87dfd0 rgb(135,223,208)
```
#81e5d4
```
#81e5d4 rgb(129,229,212)
```
#7cead8
```
#7cead8 rgb(124,234,216)
```
#76f0dc
```
#76f0dc rgb(118,240,220)
```
#70f6e0
```
#70f6e0 rgb(112,246,224)
```
#6afce4
```
#6afce4 rgb(106,252,228)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bad7d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede5d9 Protanopia 1% of men
#f7dfef Deuteranopia 1% of men
#a9f1ff Tritanopia 0.001% of the population

Trichromacy

#bdeddd Protanomaly 1% of men, 0.01% of women
#c3eaeb Deuteranomaly 6% of men, 0.4% of women
#92f5f5 Tritanomaly 0.01% of the population