#2ad2e9 hex color

In a RGB color space, hex #2ad2e9 is composed of 16.5% red, 82.4% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 9.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 187.2 degrees, a saturation of 81.3% and a lightness of 53.9%. #2ad2e9 color hex could be obtained by blending #54ffff with #00a5d3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 16
- G 82
- B 91
RGB color chart
- C 82
- M 10
- Y 0
- K 9
CMYK color chart

● #2ad2e9 color description : Bright cyan.

The hexadecimal color #2ad2e9 has RGB values of R:42, G:210, B:233 and CMYK values of C:0.82, M:0.1, Y:0, K:0.09. Its decimal value is 2806505.

Hex triplet	2ad2e9	`#2ad2e9`
RGB Decimal	42, 210, 233	`rgb(42,210,233)`
RGB Percent	16.5, 82.4, 91.4	`rgb(16.5%,82.4%,91.4%)`
CMYK	82, 10, 0, 9
HSL	187.2°, 81.3, 53.9	`hsl(187.2,81.3%,53.9%)`
HSV (or HSB)	187.2°, 82, 91.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.558, -32.66, -22.973
XYZ	38.705, 52.465, 85.173
xyY	0.219, 0.298, 52.465
CIE-LCH	77.558, 39.93, 215.122
CIE-LUV	77.558, -55.097, -31.874
Hunter-Lab	72.433, -31.374, -19.016
Binary	00101010, 11010010, 11101001

#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#e9412a
```
#e9412a rgb(233,65,42)
```

Complementary Color

#2ae9a1
```
#2ae9a1 rgb(42,233,161)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#2a73e9
```
#2a73e9 rgb(42,115,233)
```

Analogous Color

#e9a12a
```
#e9a12a rgb(233,161,42)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#e92a73
```
#e92a73 rgb(233,42,115)
```

Split Complementary Color

#d2e92a
```
#d2e92a rgb(210,233,42)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#e92ad2
```
#e92ad2 rgb(233,42,210)
```

Triadic Color

#2ae941
```
#2ae941 rgb(42,233,65)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#e92ad2
```
#e92ad2 rgb(233,42,210)
```
#e9412a
```
#e9412a rgb(233,65,42)
```

Tetradic Color

#13a0b4
```
#13a0b4 rgb(19,160,180)
```
#15b5cb
```
#15b5cb rgb(21,181,203)
```
#17cae2
```
#17cae2 rgb(23,202,226)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#41d7eb
```
#41d7eb rgb(65,215,235)
```
#58dcee
```
#58dcee rgb(88,220,238)
```
#6fe1f0
```
#6fe1f0 rgb(111,225,240)
```

Monochromatic Color

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

#2ae9d0
```
#2ae9d0 rgb(42,233,208)
```
#2ae9e0
```
#2ae9e0 rgb(42,233,224)
```
#2ae2e9
```
#2ae2e9 rgb(42,226,233)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#2ac2e9
```
#2ac2e9 rgb(42,194,233)
```
#2ab2e9
```
#2ab2e9 rgb(42,178,233)
```
#2aa2e9
```
#2aa2e9 rgb(42,162,233)
```

Similar Colors

Text with hexadecimal color #2ad2e9

This text has a font color of #2ad2e9.

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

#2ad2e9 background color

This paragraph has a background color of #2ad2e9.

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

#2ad2e9 border color

This element has a border color of #2ad2e9.

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

CSS codes

.text {color:#2ad2e9;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#021012
```
#021012 rgb(2,16,18)
```
#042024
```
#042024 rgb(4,32,36)
```
#063036
```
#063036 rgb(6,48,54)
```
#074047
```
#074047 rgb(7,64,71)
```
#095059
```
#095059 rgb(9,80,89)
```
#0b5f6b
```
#0b5f6b rgb(11,95,107)
```
#0d6f7d
```
#0d6f7d rgb(13,111,125)
```
#0f7f8f
```
#0f7f8f rgb(15,127,143)
```
#118fa0
```
#118fa0 rgb(17,143,160)
```
#129fb2
```
#129fb2 rgb(18,159,178)
```
#14afc4
```
#14afc4 rgb(20,175,196)
```
#16bfd6
```
#16bfd6 rgb(22,191,214)
```

Shade Color Variation

#18cee7
```
#18cee7 rgb(24,206,231)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#3cd6eb
```
#3cd6eb rgb(60,214,235)
```
#4edaed
```
#4edaed rgb(78,218,237)
```
#5fddef
```
#5fddef rgb(95,221,239)
```
#71e1f0
```
#71e1f0 rgb(113,225,240)
```
#83e5f2
```
#83e5f2 rgb(131,229,242)
```
#95e9f4
```
#95e9f4 rgb(149,233,244)
```
#a6ecf6
```
#a6ecf6 rgb(166,236,246)
```
#b8f0f8
```
#b8f0f8 rgb(184,240,248)
```
#caf4fa
```
#caf4fa rgb(202,244,250)
```
#dcf8fb
```
#dcf8fb rgb(220,248,251)
```
#eefbfd
```
#eefbfd rgb(238,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848d8f is the less saturated color, while #18e0fb is the most saturated one.

#848d8f
```
#848d8f rgb(132,141,143)
```
#7b9498
```
#7b9498 rgb(123,148,152)
```
#729ba1
```
#729ba1 rgb(114,155,161)
```
#69a2aa
```
#69a2aa rgb(105,162,170)
```
#60a9b3
```
#60a9b3 rgb(96,169,179)
```
#57b0bc
```
#57b0bc rgb(87,176,188)
```
#4eb7c5
```
#4eb7c5 rgb(78,183,197)
```
#45bdce
```
#45bdce rgb(69,189,206)
```
#3cc4d7
```
#3cc4d7 rgb(60,196,215)
```
#33cbe0
```
#33cbe0 rgb(51,203,224)
```
#2ad2e9
```
#2ad2e9 rgb(42,210,233)
```
#21d9f2
```
#21d9f2 rgb(33,217,242)
```
#18e0fb
```
#18e0fb rgb(24,224,251)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8aacb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc1de Protanopia 1% of men
#babff2 Deuteranopia 1% of men
#2dd5e4 Tritanopia 0.001% of the population

Trichromacy

#87c7e2 Protanomaly 1% of men, 0.01% of women
#86c6ee Deuteranomaly 6% of men, 0.4% of women
#2bd4e6 Tritanomaly 0.01% of the population

#2ad2e9 hex color

#2ad2e9 Color Information

#2ad2e9 Color Conversion

Color Schemes with #2ad2e9

Alternatives to #2ad2e9

#2ad2e9 Preview

Shades and Tints of #2ad2e9

Tones of #2ad2e9

Color Blindness Simulator