#2ad7ed hex color

In a RGB color space, hex #2ad7ed is composed of 16.5% red, 84.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 9.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 186.8 degrees, a saturation of 84.4% and a lightness of 54.7%. #2ad7ed color hex could be obtained by blending #54ffff with #00afdb. Closest websafe color is: #33ccff.

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

● #2ad7ed color description : Bright cyan.

The hexadecimal color #2ad7ed has RGB values of R:42, G:215, B:237 and CMYK values of C:0.82, M:0.09, Y:0, K:0.07. Its decimal value is 2807789.

Hex triplet	2ad7ed	`#2ad7ed`
RGB Decimal	42, 215, 237	`rgb(42,215,237)`
RGB Percent	16.5, 84.3, 92.9	`rgb(16.5%,84.3%,92.9%)`
CMYK	82, 9, 0, 7
HSL	186.8°, 84.4, 54.7	`hsl(186.8,84.4%,54.7%)`
HSV (or HSB)	186.8°, 82.3, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.158, -33.802, -22.677
XYZ	40.537, 55.204, 88.635
xyY	0.22, 0.299, 55.204
CIE-LCH	79.158, 40.704, 213.857
CIE-LUV	79.158, -56.511, -31.288
Hunter-Lab	74.299, -32.635, -18.72
Binary	00101010, 11010111, 11101101

#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#ed402a
```
#ed402a rgb(237,64,42)
```

Complementary Color

#2aeda2
```
#2aeda2 rgb(42,237,162)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#2a76ed
```
#2a76ed rgb(42,118,237)
```

Analogous Color

#eda22a
```
#eda22a rgb(237,162,42)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#ed2a76
```
#ed2a76 rgb(237,42,118)
```

Split Complementary Color

#d7ed2a
```
#d7ed2a rgb(215,237,42)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#ed2ad7
```
#ed2ad7 rgb(237,42,215)
```

Triadic Color

#2aed40
```
#2aed40 rgb(42,237,64)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#ed2ad7
```
#ed2ad7 rgb(237,42,215)
```
#ed402a
```
#ed402a rgb(237,64,42)
```

Tetradic Color

#10a7bb
```
#10a7bb rgb(16,167,187)
```
#12bdd2
```
#12bdd2 rgb(18,189,210)
```
#14d2ea
```
#14d2ea rgb(20,210,234)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#42dbef
```
#42dbef rgb(66,219,239)
```
#59e0f1
```
#59e0f1 rgb(89,224,241)
```
#71e4f3
```
#71e4f3 rgb(113,228,243)
```

Monochromatic Color

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

#2aedd2
```
#2aedd2 rgb(42,237,210)
```
#2aede3
```
#2aede3 rgb(42,237,227)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#2ac7ed
```
#2ac7ed rgb(42,199,237)
```
#2ab7ed
```
#2ab7ed rgb(42,183,237)
```
#2aa6ed
```
#2aa6ed rgb(42,166,237)
```

Similar Colors

Text with hexadecimal color #2ad7ed

This text has a font color of #2ad7ed.

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

#2ad7ed background color

This paragraph has a background color of #2ad7ed.

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

#2ad7ed border color

This element has a border color of #2ad7ed.

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

CSS codes

.text {color:#2ad7ed;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021416
```
#021416 rgb(2,20,22)
```
#032428
```
#032428 rgb(3,36,40)
```
#05343a
```
#05343a rgb(5,52,58)
```
#06454c
```
#06454c rgb(6,69,76)
```
#08555e
```
#08555e rgb(8,85,94)
```
#0a6571
```
#0a6571 rgb(10,101,113)
```
#0b7583
```
#0b7583 rgb(11,117,131)
```
#0d8595
```
#0d8595 rgb(13,133,149)
```
#0e96a7
```
#0e96a7 rgb(14,150,167)
```
#10a6b9
```
#10a6b9 rgb(16,166,185)
```
#11b6cb
```
#11b6cb rgb(17,182,203)
```
#13c6dd
```
#13c6dd rgb(19,198,221)
```

Shade Color Variation

#18d4eb
```
#18d4eb rgb(24,212,235)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#3cdaef
```
#3cdaef rgb(60,218,239)
```
#4edef0
```
#4edef0 rgb(78,222,240)
```
#60e1f2
```
#60e1f2 rgb(96,225,242)
```
#72e5f3
```
#72e5f3 rgb(114,229,243)
```
#84e8f5
```
#84e8f5 rgb(132,232,245)
```
#97ebf6
```
#97ebf6 rgb(151,235,246)
```
#a9eff8
```
#a9eff8 rgb(169,239,248)
```
#bbf2f9
```
#bbf2f9 rgb(187,242,249)
```
#cdf6fb
```
#cdf6fb rgb(205,246,251)
```
#dff9fc
```
#dff9fc rgb(223,249,252)
```
#f1fcfe
```
#f1fcfe rgb(241,252,254)
```

Tint Color Variation

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

#839294
```
#839294 rgb(131,146,148)
```
#7a999d
```
#7a999d rgb(122,153,157)
```
#71a0a6
```
#71a0a6 rgb(113,160,166)
```
#68a7af
```
#68a7af rgb(104,167,175)
```
#5faeb8
```
#5faeb8 rgb(95,174,184)
```
#56b5c1
```
#56b5c1 rgb(86,181,193)
```
#4ebbc9
```
#4ebbc9 rgb(78,187,201)
```
#45c2d2
```
#45c2d2 rgb(69,194,210)
```
#3cc9db
```
#3cc9db rgb(60,201,219)
```
#33d0e4
```
#33d0e4 rgb(51,208,228)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#21def6
```
#21def6 rgb(33,222,246)
```
#18e5ff
```
#18e5ff rgb(24,229,255)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8db0b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c5e2 Protanopia 1% of men
#bfc3f6 Deuteranopia 1% of men
#2ed9e9 Tritanopia 0.001% of the population

Trichromacy

#8acbe6 Protanomaly 1% of men, 0.01% of women
#89caf2 Deuteranomaly 6% of men, 0.4% of women
#2cd8ea Tritanomaly 0.01% of the population

#2ad7ed hex color

#2ad7ed Color Information

#2ad7ed Color Conversion

Color Schemes with #2ad7ed

Alternatives to #2ad7ed

#2ad7ed Preview

Shades and Tints of #2ad7ed

Tones of #2ad7ed

Color Blindness Simulator