#2ad6ff hex color

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

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

● #2ad6ff color description : Vivid cyan.

The hexadecimal color #2ad6ff has RGB values of R:42, G:214, B:255 and CMYK values of C:0.84, M:0.16, Y:0, K:0. Its decimal value is 2807551.

Hex triplet	2ad6ff	`#2ad6ff`
RGB Decimal	42, 214, 255	`rgb(42,214,255)`
RGB Percent	16.5, 83.9, 100	`rgb(16.5%,83.9%,100%)`
CMYK	84, 16, 0, 0
HSL	191.5°, 100, 58.2	`hsl(191.5,100%,58.2%)`
HSV (or HSB)	191.5°, 83.5, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.501, -27.665, -31.741
XYZ	43.046, 55.801, 103.104
xyY	0.213, 0.276, 55.801
CIE-LCH	79.501, 42.105, 228.925
CIE-LUV	79.501, -54.848, -47.634
Hunter-Lab	74.7, -27.864, -29.544
Binary	00101010, 11010110, 11111111

#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#ff532a
```
#ff532a rgb(255,83,42)
```

Complementary Color

#2affbe
```
#2affbe rgb(42,255,190)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#2a6cff
```
#2a6cff rgb(42,108,255)
```

Analogous Color

#ffbe2a
```
#ffbe2a rgb(255,190,42)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#ff2a6c
```
#ff2a6c rgb(255,42,108)
```

Split Complementary Color

#d6ff2a
```
#d6ff2a rgb(214,255,42)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#ff2ad6
```
#ff2ad6 rgb(255,42,214)
```

Triadic Color

#2aff53
```
#2aff53 rgb(42,255,83)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#ff2ad6
```
#ff2ad6 rgb(255,42,214)
```
#ff532a
```
#ff532a rgb(255,83,42)
```

Tetradic Color

#00b2dd
```
#00b2dd rgb(0,178,221)
```
#00c7f6
```
#00c7f6 rgb(0,199,246)
```
#11d1ff
```
#11d1ff rgb(17,209,255)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#44dbff
```
#44dbff rgb(68,219,255)
```
#5de0ff
```
#5de0ff rgb(93,224,255)
```
#77e5ff
```
#77e5ff rgb(119,229,255)
```

Monochromatic Color

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

#2afff3
```
#2afff3 rgb(42,255,243)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#2ae8ff
```
#2ae8ff rgb(42,232,255)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#2ac4ff
```
#2ac4ff rgb(42,196,255)
```
#2ab3ff
```
#2ab3ff rgb(42,179,255)
```
#2aa1ff
```
#2aa1ff rgb(42,161,255)
```

Similar Colors

Text with hexadecimal color #2ad6ff

This text has a font color of #2ad6ff.

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

#2ad6ff background color

This paragraph has a background color of #2ad6ff.

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

#2ad6ff border color

This element has a border color of #2ad6ff.

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

CSS codes

.text {color:#2ad6ff;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001216
```
#001216 rgb(0,18,22)
```
#00222a
```
#00222a rgb(0,34,42)
```
#00323e
```
#00323e rgb(0,50,62)
```
#004251
```
#004251 rgb(0,66,81)
```
#005165
```
#005165 rgb(0,81,101)
```
#006178
```
#006178 rgb(0,97,120)
```
#00718c
```
#00718c rgb(0,113,140)
```
#0081a0
```
#0081a0 rgb(0,129,160)
```
#0091b3
```
#0091b3 rgb(0,145,179)
```
#00a1c7
```
#00a1c7 rgb(0,161,199)
```
#00b0db
```
#00b0db rgb(0,176,219)
```
#00c0ee
```
#00c0ee rgb(0,192,238)
```

Shade Color Variation

#03ceff
```
#03ceff rgb(3,206,255)
```
#16d2ff
```
#16d2ff rgb(22,210,255)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```
#3edaff
```
#3edaff rgb(62,218,255)
```
#51deff
```
#51deff rgb(81,222,255)
```
#65e1ff
```
#65e1ff rgb(101,225,255)
```
#78e5ff
```
#78e5ff rgb(120,229,255)
```
#8ce9ff
```
#8ce9ff rgb(140,233,255)
```
#a0edff
```
#a0edff rgb(160,237,255)
```
#b3f0ff
```
#b3f0ff rgb(179,240,255)
```
#c7f4ff
```
#c7f4ff rgb(199,244,255)
```
#dbf8ff
```
#dbf8ff rgb(219,248,255)
```
#eefcff
```
#eefcff rgb(238,252,255)
```

Tint Color Variation

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

#8c9a9d
```
#8c9a9d rgb(140,154,157)
```
#849fa5
```
#849fa5 rgb(132,159,165)
```
#7ca4ad
```
#7ca4ad rgb(124,164,173)
```
#74a9b5
```
#74a9b5 rgb(116,169,181)
```
#6caebd
```
#6caebd rgb(108,174,189)
```
#63b3c6
```
#63b3c6 rgb(99,179,198)
```
#5bb8ce
```
#5bb8ce rgb(91,184,206)
```
#53bdd6
```
#53bdd6 rgb(83,189,214)
```
#4bc2de
```
#4bc2de rgb(75,194,222)
```
#43c7e6
```
#43c7e6 rgb(67,199,230)
```
#3accef
```
#3accef rgb(58,204,239)
```
#32d1f7
```
#32d1f7 rgb(50,209,247)
```
#2ad6ff
```
#2ad6ff rgb(42,214,255)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8eb0b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc6f3 Protanopia 1% of men
#b8c5ff Deuteranopia 1% of men
#00dbeb Tritanopia 0.001% of the population

Trichromacy

#87cbf7 Protanomaly 1% of men, 0.01% of women
#84cbff Deuteranomaly 6% of men, 0.4% of women
#0fd9f2 Tritanomaly 0.01% of the population

#2ad6ff hex color

#2ad6ff Color Information

#2ad6ff Color Conversion

Color Schemes with #2ad6ff

Alternatives to #2ad6ff

#2ad6ff Preview

Shades and Tints of #2ad6ff

Tones of #2ad6ff

Color Blindness Simulator