#6ae1f1 hex color

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

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

● #6ae1f1 color description : Soft cyan.

The hexadecimal color #6ae1f1 has RGB values of R:106, G:225, B:241 and CMYK values of C:0.56, M:0.07, Y:0, K:0.05. Its decimal value is 7004657.

Hex triplet	6ae1f1	`#6ae1f1`
RGB Decimal	106, 225, 241	`rgb(106,225,241)`
RGB Percent	41.6, 88.2, 94.5	`rgb(41.6%,88.2%,94.5%)`
CMYK	56, 7, 0, 5
HSL	187.1°, 82.8, 68	`hsl(187.1,82.8%,68%)`
HSV (or HSB)	187.1°, 56, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.58, -29.011, -17.972
XYZ	48.742, 63.262, 92.856
xyY	0.238, 0.309, 63.262
CIE-LCH	83.58, 34.127, 211.779
CIE-LUV	83.58, -48.973, -24.138
Hunter-Lab	79.537, -29.802, -13.542
Binary	01101010, 11100001, 11110001

#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#f17a6a
```
#f17a6a rgb(241,122,106)
```

Complementary Color

#6af1be
```
#6af1be rgb(106,241,190)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#6a9ef1
```
#6a9ef1 rgb(106,158,241)
```

Analogous Color

#f1be6a
```
#f1be6a rgb(241,190,106)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#f16a9e
```
#f16a9e rgb(241,106,158)
```

Split Complementary Color

#e1f16a
```
#e1f16a rgb(225,241,106)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#f16ae1
```
#f16ae1 rgb(241,106,225)
```

Triadic Color

#6af17a
```
#6af17a rgb(106,241,122)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#f16ae1
```
#f16ae1 rgb(241,106,225)
```
#f17a6a
```
#f17a6a rgb(241,122,106)
```

Tetradic Color

#24d3ea
```
#24d3ea rgb(36,211,234)
```
#3bd8ed
```
#3bd8ed rgb(59,216,237)
```
#53dcef
```
#53dcef rgb(83,220,239)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#81e6f3
```
#81e6f3 rgb(129,230,243)
```
#99eaf5
```
#99eaf5 rgb(153,234,245)
```
#b0eff8
```
#b0eff8 rgb(176,239,248)
```

Monochromatic Color

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

#6af1df
```
#6af1df rgb(106,241,223)
```
#6af1eb
```
#6af1eb rgb(106,241,235)
```
#6aecf1
```
#6aecf1 rgb(106,236,241)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#6ad6f1
```
#6ad6f1 rgb(106,214,241)
```
#6acbf1
```
#6acbf1 rgb(106,203,241)
```
#6abff1
```
#6abff1 rgb(106,191,241)
```

Similar Colors

Text with hexadecimal color #6ae1f1

This text has a font color of #6ae1f1.

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

#6ae1f1 background color

This paragraph has a background color of #6ae1f1.

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

#6ae1f1 border color

This element has a border color of #6ae1f1.

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

CSS codes

.text {color:#6ae1f1;}

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

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

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

#010b0c
```
#010b0c rgb(1,11,12)
```
#031b1e
```
#031b1e rgb(3,27,30)
```
#052b30
```
#052b30 rgb(5,43,48)
```
#063b42
```
#063b42 rgb(6,59,66)
```
#084b54
```
#084b54 rgb(8,75,84)
```
#0a5b66
```
#0a5b66 rgb(10,91,102)
```
#0b6b78
```
#0b6b78 rgb(11,107,120)
```
#0d7b8a
```
#0d7b8a rgb(13,123,138)
```
#0f8b9c
```
#0f8b9c rgb(15,139,156)
```
#109bae
```
#109bae rgb(16,155,174)
```
#12abc0
```
#12abc0 rgb(18,171,192)
```
#14bbd2
```
#14bbd2 rgb(20,187,210)
```
#15cbe4
```
#15cbe4 rgb(21,203,228)
```

Shade Color Variation

#22d3ea
```
#22d3ea rgb(34,211,234)
```
#34d6ec
```
#34d6ec rgb(52,214,236)
```
#46daee
```
#46daee rgb(70,218,238)
```
#58ddef
```
#58ddef rgb(88,221,239)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#7ce5f3
```
#7ce5f3 rgb(124,229,243)
```
#8ee8f4
```
#8ee8f4 rgb(142,232,244)
```
#a0ecf6
```
#a0ecf6 rgb(160,236,246)
```
#b2eff8
```
#b2eff8 rgb(178,239,248)
```
#c4f3f9
```
#c4f3f9 rgb(196,243,249)
```
#d6f7fb
```
#d6f7fb rgb(214,247,251)
```
#e8fafd
```
#e8fafd rgb(232,250,253)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#a9b1b2
```
#a9b1b2 rgb(169,177,178)
```
#a2b6b9
```
#a2b6b9 rgb(162,182,185)
```
#9cbbbf
```
#9cbbbf rgb(156,187,191)
```
#96c0c5
```
#96c0c5 rgb(150,192,197)
```
#90c4cb
```
#90c4cb rgb(144,196,203)
```
#89c9d2
```
#89c9d2 rgb(137,201,210)
```
#83ced8
```
#83ced8 rgb(131,206,216)
```
#7dd3de
```
#7dd3de rgb(125,211,222)
```
#77d7e4
```
#77d7e4 rgb(119,215,228)
```
#70dceb
```
#70dceb rgb(112,220,235)
```
#6ae1f1
```
#6ae1f1 rgb(106,225,241)
```
#64e6f7
```
#64e6f7 rgb(100,230,247)
```
#5debfe
```
#5debfe rgb(93,235,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#aec6c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd1e7 Protanopia 1% of men
#d2cef9 Deuteranopia 1% of men
#72e2f2 Tritanopia 0.001% of the population

Trichromacy

#aad7eb Protanomaly 1% of men, 0.01% of women
#acd5f6 Deuteranomaly 6% of men, 0.4% of women
#6fe1f2 Tritanomaly 0.01% of the population

#6ae1f1 hex color

#6ae1f1 Color Information

#6ae1f1 Color Conversion

Color Schemes with #6ae1f1

Alternatives to #6ae1f1

#6ae1f1 Preview

Shades and Tints of #6ae1f1

Tones of #6ae1f1

Color Blindness Simulator