#2aecf6 hex color

In a RGB color space, hex #2aecf6 is composed of 16.5% red, 92.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 4.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 182.9 degrees, a saturation of 91.9% and a lightness of 56.5%. #2aecf6 color hex could be obtained by blending #54ffff with #00d9ed. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 16
- G 93
- B 96
RGB color chart
- C 83
- M 4
- Y 0
- K 4
CMYK color chart

● #2aecf6 color description : Bright cyan.

The hexadecimal color #2aecf6 has RGB values of R:42, G:236, B:246 and CMYK values of C:0.83, M:0.04, Y:0, K:0.04. Its decimal value is 2813174.

Hex triplet	2aecf6	`#2aecf6`
RGB Decimal	42, 236, 246	`rgb(42,236,246)`
RGB Percent	16.5, 92.5, 96.5	`rgb(16.5%,92.5%,96.5%)`
CMYK	83, 4, 0, 4
HSL	182.9°, 91.9, 56.5	`hsl(182.9,91.9%,56.5%)`
HSV (or HSB)	182.9°, 82.9, 96.5
Web Safe	33ffff	`#33ffff`

CIE-LAB	85.571, -40.798, -17.739
XYZ	47.58, 67.132, 97.634
xyY	0.224, 0.316, 67.132
CIE-LCH	85.571, 44.487, 203.499
CIE-LUV	85.571, -62.96, -22.188
Hunter-Lab	81.934, -39.729, -13.297
Binary	00101010, 11101100, 11110110

#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#f6342a
```
#f6342a rgb(246,52,42)
```

Complementary Color

#2af69a
```
#2af69a rgb(42,246,154)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#2a86f6
```
#2a86f6 rgb(42,134,246)
```

Analogous Color

#f69a2a
```
#f69a2a rgb(246,154,42)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#f62a86
```
#f62a86 rgb(246,42,134)
```

Split Complementary Color

#ecf62a
```
#ecf62a rgb(236,246,42)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#f62aec
```
#f62aec rgb(246,42,236)
```

Triadic Color

#2af634
```
#2af634 rgb(42,246,52)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#f62aec
```
#f62aec rgb(246,42,236)
```
#f6342a
```
#f6342a rgb(246,52,42)
```

Tetradic Color

#09c1cb
```
#09c1cb rgb(9,193,203)
```
#0ad9e3
```
#0ad9e3 rgb(10,217,227)
```
#12eaf5
```
#12eaf5 rgb(18,234,245)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#42eef7
```
#42eef7 rgb(66,238,247)
```
#5bf0f8
```
#5bf0f8 rgb(91,240,248)
```
#73f3f9
```
#73f3f9 rgb(115,243,249)
```

Monochromatic Color

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

#2af6cd
```
#2af6cd rgb(42,246,205)
```
#2af6de
```
#2af6de rgb(42,246,222)
```
#2af6ef
```
#2af6ef rgb(42,246,239)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#2adbf6
```
#2adbf6 rgb(42,219,246)
```
#2acaf6
```
#2acaf6 rgb(42,202,246)
```
#2ab9f6
```
#2ab9f6 rgb(42,185,246)
```

Similar Colors

Text with hexadecimal color #2aecf6

This text has a font color of #2aecf6.

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

#2aecf6 background color

This paragraph has a background color of #2aecf6.

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

#2aecf6 border color

This element has a border color of #2aecf6.

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

CSS codes

.text {color:#2aecf6;}

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

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

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

#010c0d
```
#010c0d rgb(1,12,13)
```
#011e20
```
#011e20 rgb(1,30,32)
```
#023032
```
#023032 rgb(2,48,50)
```
#034245
```
#034245 rgb(3,66,69)
```
#045458
```
#045458 rgb(4,84,88)
```
#05666b
```
#05666b rgb(5,102,107)
```
#05787e
```
#05787e rgb(5,120,126)
```
#068a91
```
#068a91 rgb(6,138,145)
```
#079ca3
```
#079ca3 rgb(7,156,163)
```
#08aeb6
```
#08aeb6 rgb(8,174,182)
```
#08c0c9
```
#08c0c9 rgb(8,192,201)
```
#09d2dc
```
#09d2dc rgb(9,210,220)
```
#0ae3ef
```
#0ae3ef rgb(10,227,239)
```

Shade Color Variation

#17eaf5
```
#17eaf5 rgb(23,234,245)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#3deef7
```
#3deef7 rgb(61,238,247)
```
#50eff8
```
#50eff8 rgb(80,239,248)
```
#62f1f8
```
#62f1f8 rgb(98,241,248)
```
#75f3f9
```
#75f3f9 rgb(117,243,249)
```
#88f4fa
```
#88f4fa rgb(136,244,250)
```
#9bf6fb
```
#9bf6fb rgb(155,246,251)
```
#aef8fc
```
#aef8fc rgb(174,248,252)
```
#c1f9fc
```
#c1f9fc rgb(193,249,252)
```
#d3fbfd
```
#d3fbfd rgb(211,251,253)
```
#e6fdfe
```
#e6fdfe rgb(230,253,254)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#889798
```
#889798 rgb(136,151,152)
```
#7f9fa1
```
#7f9fa1 rgb(127,159,161)
```
#77a7a9
```
#77a7a9 rgb(119,167,169)
```
#6eaeb2
```
#6eaeb2 rgb(110,174,178)
```
#66b6ba
```
#66b6ba rgb(102,182,186)
```
#5dbec3
```
#5dbec3 rgb(93,190,195)
```
#55c5cb
```
#55c5cb rgb(85,197,203)
```
#4ccdd4
```
#4ccdd4 rgb(76,205,212)
```
#44d5dc
```
#44d5dc rgb(68,213,220)
```
#3bdde5
```
#3bdde5 rgb(59,221,229)
```
#33e4ed
```
#33e4ed rgb(51,228,237)
```
#2aecf6
```
#2aecf6 rgb(42,236,246)
```
#21f4ff
```
#21f4ff rgb(33,244,255)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#98bec0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d6e9 Protanopia 1% of men
#d7d3ff Deuteranopia 1% of men
#3eebfd Tritanopia 0.001% of the population

Trichromacy

#97deee Protanomaly 1% of men, 0.01% of women
#98dcfb Deuteranomaly 6% of men, 0.4% of women
#36ebfa Tritanomaly 0.01% of the population

#2aecf6 hex color

#2aecf6 Color Information

#2aecf6 Color Conversion

Color Schemes with #2aecf6

Alternatives to #2aecf6

#2aecf6 Preview

Shades and Tints of #2aecf6

Tones of #2aecf6

Color Blindness Simulator