#2aefff hex color

In a RGB color space, hex #2aefff is composed of 16.5% red, 93.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 6.3% magenta, 0% yellow and 0% black. It has a hue angle of 184.5 degrees, a saturation of 100% and a lightness of 58.2%. #2aefff color hex could be obtained by blending #54ffff with #00dfff. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 16
- G 94
- B 100
RGB color chart
- C 84
- M 6
- Y 0
- K 0
CMYK color chart

● #2aefff color description : Vivid cyan.

The hexadecimal color #2aefff has RGB values of R:42, G:239, B:255 and CMYK values of C:0.84, M:0.06, Y:0, K:0. Its decimal value is 2813951.

Hex triplet	2aefff	`#2aefff`
RGB Decimal	42, 239, 255	`rgb(42,239,255)`
RGB Percent	16.5, 93.7, 100	`rgb(16.5%,93.7%,100%)`
CMYK	84, 6, 0, 0
HSL	184.5°, 100, 58.2	`hsl(184.5,100%,58.2%)`
HSV (or HSB)	184.5°, 83.5, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.722, -39.499, -20.724
XYZ	49.866, 69.44, 105.377
xyY	0.222, 0.309, 69.44
CIE-LCH	86.722, 44.606, 207.684
CIE-LUV	86.722, -63.286, -27.447
Hunter-Lab	83.331, -39.013, -16.645
Binary	00101010, 11101111, 11111111

#2aefff
```
#2aefff rgb(42,239,255)
```
#ff3a2a
```
#ff3a2a rgb(255,58,42)
```

Complementary Color

#2affa5
```
#2affa5 rgb(42,255,165)
```
#2aefff
```
#2aefff rgb(42,239,255)
```
#2a85ff
```
#2a85ff rgb(42,133,255)
```

Analogous Color

#ffa52a
```
#ffa52a rgb(255,165,42)
```
#2aefff
```
#2aefff rgb(42,239,255)
```
#ff2a85
```
#ff2a85 rgb(255,42,133)
```

Split Complementary Color

#efff2a
```
#efff2a rgb(239,255,42)
```
#2aefff
```
#2aefff rgb(42,239,255)
```
#ff2aef
```
#ff2aef rgb(255,42,239)
```

Triadic Color

#2aff3a
```
#2aff3a rgb(42,255,58)
```
#2aefff
```
#2aefff rgb(42,239,255)
```
#ff2aef
```
#ff2aef rgb(255,42,239)
```
#ff3a2a
```
#ff3a2a rgb(255,58,42)
```

Tetradic Color

#00ccdd
```
#00ccdd rgb(0,204,221)
```
#00e4f6
```
#00e4f6 rgb(0,228,246)
```
#11edff
```
#11edff rgb(17,237,255)
```
#2aefff
```
#2aefff rgb(42,239,255)
```
#44f1ff
```
#44f1ff rgb(68,241,255)
```
#5df3ff
```
#5df3ff rgb(93,243,255)
```
#77f5ff
```
#77f5ff rgb(119,245,255)
```

Monochromatic Color

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

#2affda
```
#2affda rgb(42,255,218)
```
#2affec
```
#2affec rgb(42,255,236)
```
#2afffd
```
#2afffd rgb(42,255,253)
```
#2aefff
```
#2aefff rgb(42,239,255)
```
#2addff
```
#2addff rgb(42,221,255)
```
#2accff
```
#2accff rgb(42,204,255)
```
#2abaff
```
#2abaff rgb(42,186,255)
```

Similar Colors

Text with hexadecimal color #2aefff

This text has a font color of #2aefff.

<span style="color:#2aefff;">Text here</span>

#2aefff background color

This paragraph has a background color of #2aefff.

<p style="background-color:#2aefff;">Content here</p>

#2aefff border color

This element has a border color of #2aefff.

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

CSS codes

.text {color:#2aefff;}

.background {background-color:#2aefff;}

.border {border:1px solid #2aefff;}

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

#000303
```
#000303 rgb(0,3,3)
```
#001516
```
#001516 rgb(0,21,22)
```
#00272a
```
#00272a rgb(0,39,42)
```
#00393e
```
#00393e rgb(0,57,62)
```
#004b51
```
#004b51 rgb(0,75,81)
```
#005d65
```
#005d65 rgb(0,93,101)
```
#006f78
```
#006f78 rgb(0,111,120)
```
#00828c
```
#00828c rgb(0,130,140)
```
#0094a0
```
#0094a0 rgb(0,148,160)
```
#00a6b3
```
#00a6b3 rgb(0,166,179)
```
#00b8c7
```
#00b8c7 rgb(0,184,199)
```
#00cadb
```
#00cadb rgb(0,202,219)
```
#00dcee
```
#00dcee rgb(0,220,238)
```

Shade Color Variation

#03ecff
```
#03ecff rgb(3,236,255)
```
#16eeff
```
#16eeff rgb(22,238,255)
```
#2aefff
```
#2aefff rgb(42,239,255)
```
#3ef0ff
```
#3ef0ff rgb(62,240,255)
```
#51f2ff
```
#51f2ff rgb(81,242,255)
```
#65f3ff
```
#65f3ff rgb(101,243,255)
```
#78f5ff
```
#78f5ff rgb(120,245,255)
```
#8cf6ff
```
#8cf6ff rgb(140,246,255)
```
#a0f8ff
```
#a0f8ff rgb(160,248,255)
```
#b3f9ff
```
#b3f9ff rgb(179,249,255)
```
#c7fbff
```
#c7fbff rgb(199,251,255)
```
#dbfcff
```
#dbfcff rgb(219,252,255)
```
#eefeff
```
#eefeff rgb(238,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9b9d is the less saturated color, while #2aefff is the most saturated one.

#8c9b9d
```
#8c9b9d rgb(140,155,157)
```
#84a2a5
```
#84a2a5 rgb(132,162,165)
```
#7ca9ad
```
#7ca9ad rgb(124,169,173)
```
#74b0b5
```
#74b0b5 rgb(116,176,181)
```
#6cb7bd
```
#6cb7bd rgb(108,183,189)
```
#63bec6
```
#63bec6 rgb(99,190,198)
```
#5bc5ce
```
#5bc5ce rgb(91,197,206)
```
#53ccd6
```
#53ccd6 rgb(83,204,214)
```
#4bd3de
```
#4bd3de rgb(75,211,222)
```
#43dae6
```
#43dae6 rgb(67,218,230)
```
#3ae1ef
```
#3ae1ef rgb(58,225,239)
```
#32e8f7
```
#32e8f7 rgb(50,232,247)
```
#2aefff
```
#2aefff rgb(42,239,255)
```

Tone Color Variation

Below, you can see how #2aefff 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

#b6b6b6 Achromatopsia 0.005% of the population
#9ac1c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d9f1 Protanopia 1% of men
#d8d7ff Deuteranopia 1% of men
#52eeff Tritanopia 0.001% of the population

Trichromacy

#98e1f6 Protanomaly 1% of men, 0.01% of women
#98e0ff Deuteranomaly 6% of men, 0.4% of women
#43eeff Tritanomaly 0.01% of the population

#2aefff hex color

#2aefff Color Information

#2aefff Color Conversion

Color Schemes with #2aefff

Alternatives to #2aefff

#2aefff Preview

Shades and Tints of #2aefff

Tones of #2aefff

Color Blindness Simulator