#2ad1e4 hex color

In a RGB color space, hex #2ad1e4 is composed of 16.5% red, 82% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 8.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 186.1 degrees, a saturation of 77.5% and a lightness of 52.9%. #2ad1e4 color hex could be obtained by blending #54ffff with #00a3c9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 82
- B 89
RGB color chart
- C 82
- M 8
- Y 0
- K 11
CMYK color chart

● #2ad1e4 color description : Bright cyan.

The hexadecimal color #2ad1e4 has RGB values of R:42, G:209, B:228 and CMYK values of C:0.82, M:0.08, Y:0, K:0.11. Its decimal value is 2806244.

Hex triplet	2ad1e4	`#2ad1e4`
RGB Decimal	42, 209, 228	`rgb(42,209,228)`
RGB Percent	16.5, 82, 89.4	`rgb(16.5%,82%,89.4%)`
CMYK	82, 8, 0, 11
HSL	186.1°, 77.5, 52.9	`hsl(186.1,77.5%,52.9%)`
HSV (or HSB)	186.1°, 81.6, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.096, -33.726, -20.994
XYZ	37.755, 51.691, 81.382
xyY	0.221, 0.303, 51.691
CIE-LCH	77.096, 39.726, 211.902
CIE-LUV	77.096, -55.124, -28.379
Hunter-Lab	71.896, -32.083, -16.785
Binary	00101010, 11010001, 11100100

#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#e43d2a
```
#e43d2a rgb(228,61,42)
```

Complementary Color

#2ae49a
```
#2ae49a rgb(42,228,154)
```
#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#2a74e4
```
#2a74e4 rgb(42,116,228)
```

Analogous Color

#e49a2a
```
#e49a2a rgb(228,154,42)
```
#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#e42a74
```
#e42a74 rgb(228,42,116)
```

Split Complementary Color

#d1e42a
```
#d1e42a rgb(209,228,42)
```
#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#e42ad1
```
#e42ad1 rgb(228,42,209)
```

Triadic Color

#2ae43d
```
#2ae43d rgb(42,228,61)
```
#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#e42ad1
```
#e42ad1 rgb(228,42,209)
```
#e43d2a
```
#e43d2a rgb(228,61,42)
```

Tetradic Color

#169cac
```
#169cac rgb(22,156,172)
```
#19b1c2
```
#19b1c2 rgb(25,177,194)
```
#1cc6d9
```
#1cc6d9 rgb(28,198,217)
```
#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#41d6e7
```
#41d6e7 rgb(65,214,231)
```
#57dbea
```
#57dbea rgb(87,219,234)
```
#6ee0ed
```
#6ee0ed rgb(110,224,237)
```

Monochromatic Color

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

#2ae4c9
```
#2ae4c9 rgb(42,228,201)
```
#2ae4d8
```
#2ae4d8 rgb(42,228,216)
```
#2ae1e4
```
#2ae1e4 rgb(42,225,228)
```
#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#2ac2e4
```
#2ac2e4 rgb(42,194,228)
```
#2ab2e4
```
#2ab2e4 rgb(42,178,228)
```
#2aa3e4
```
#2aa3e4 rgb(42,163,228)
```

Similar Colors

Text with hexadecimal color #2ad1e4

This text has a font color of #2ad1e4.

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

#2ad1e4 background color

This paragraph has a background color of #2ad1e4.

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

#2ad1e4 border color

This element has a border color of #2ad1e4.

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

CSS codes

.text {color:#2ad1e4;}

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

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

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

#020c0d
```
#020c0d rgb(2,12,13)
```
#041c1f
```
#041c1f rgb(4,28,31)
```
#062c30
```
#062c30 rgb(6,44,48)
```
#083c42
```
#083c42 rgb(8,60,66)
```
#0b4c53
```
#0b4c53 rgb(11,76,83)
```
#0d5b64
```
#0d5b64 rgb(13,91,100)
```
#0f6b76
```
#0f6b76 rgb(15,107,118)
```
#117b87
```
#117b87 rgb(17,123,135)
```
#138b99
```
#138b99 rgb(19,139,153)
```
#169baa
```
#169baa rgb(22,155,170)
```
#18abbb
```
#18abbb rgb(24,171,187)
```
#1abbcd
```
#1abbcd rgb(26,187,205)
```
#1ccade
```
#1ccade rgb(28,202,222)
```

Shade Color Variation

#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#3bd5e6
```
#3bd5e6 rgb(59,213,230)
```
#4dd9e8
```
#4dd9e8 rgb(77,217,232)
```
#5edceb
```
#5edceb rgb(94,220,235)
```
#70e0ed
```
#70e0ed rgb(112,224,237)
```
#81e4ef
```
#81e4ef rgb(129,228,239)
```
#92e8f1
```
#92e8f1 rgb(146,232,241)
```
#a4ebf3
```
#a4ebf3 rgb(164,235,243)
```
#b5eff6
```
#b5eff6 rgb(181,239,246)
```
#c7f3f8
```
#c7f3f8 rgb(199,243,248)
```
#d8f7fa
```
#d8f7fa rgb(216,247,250)
```
#e9fafc
```
#e9fafc rgb(233,250,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#868888
```
#868888 rgb(134,136,136)
```
#7d8f91
```
#7d8f91 rgb(125,143,145)
```
#74969a
```
#74969a rgb(116,150,154)
```
#6b9ea3
```
#6b9ea3 rgb(107,158,163)
```
#61a5ad
```
#61a5ad rgb(97,165,173)
```
#58acb6
```
#58acb6 rgb(88,172,182)
```
#4fb4bf
```
#4fb4bf rgb(79,180,191)
```
#46bbc8
```
#46bbc8 rgb(70,187,200)
```
#3cc2d2
```
#3cc2d2 rgb(60,194,210)
```
#33cadb
```
#33cadb rgb(51,202,219)
```
#2ad1e4
```
#2ad1e4 rgb(42,209,228)
```
#21d8ed
```
#21d8ed rgb(33,216,237)
```
#18e0f6
```
#18e0f6 rgb(24,224,246)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#89abae Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc0d9 Protanopia 1% of men
#bbbeed Deuteranopia 1% of men
#32d3e3 Tritanopia 0.001% of the population

Trichromacy

#87c6dd Protanomaly 1% of men, 0.01% of women
#86c5ea Deuteranomaly 6% of men, 0.4% of women
#2fd2e3 Tritanomaly 0.01% of the population

#2ad1e4 hex color

#2ad1e4 Color Information

#2ad1e4 Color Conversion

Color Schemes with #2ad1e4

Alternatives to #2ad1e4

#2ad1e4 Preview

Shades and Tints of #2ad1e4

Tones of #2ad1e4

Color Blindness Simulator