#1ad5e2 hex color

In a RGB color space, hex #1ad5e2 is composed of 10.2% red, 83.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 5.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 183.9 degrees, a saturation of 79.4% and a lightness of 49.4%. #1ad5e2 color hex could be obtained by blending #34ffff with #00abc5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 10
- G 84
- B 89
RGB color chart
- C 88
- M 6
- Y 0
- K 11
CMYK color chart

● #1ad5e2 color description : Vivid cyan.

The hexadecimal color #1ad5e2 has RGB values of R:26, G:213, B:226 and CMYK values of C:0.88, M:0.06, Y:0, K:0.11. Its decimal value is 1758690.

Hex triplet	1ad5e2	`#1ad5e2`
RGB Decimal	26, 213, 226	`rgb(26,213,226)`
RGB Percent	10.2, 83.5, 88.6	`rgb(10.2%,83.5%,88.6%)`
CMYK	88, 6, 0, 11
HSL	183.9°, 79.4, 49.4	`hsl(183.9,79.4%,49.4%)`
HSV (or HSB)	183.9°, 88.5, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.049, -37.224, -18.493
XYZ	37.944, 53.295, 80.235
xyY	0.221, 0.311, 53.295
CIE-LCH	78.049, 41.564, 206.419
CIE-LUV	78.049, -57.892, -23.759
Hunter-Lab	73.004, -34.981, -14.06
Binary	00011010, 11010101, 11100010

#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#e2271a
```
#e2271a rgb(226,39,26)
```

Complementary Color

#1ae28b
```
#1ae28b rgb(26,226,139)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#1a71e2
```
#1a71e2 rgb(26,113,226)
```

Analogous Color

#e28b1a
```
#e28b1a rgb(226,139,26)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#e21a71
```
#e21a71 rgb(226,26,113)
```

Split Complementary Color

#d5e21a
```
#d5e21a rgb(213,226,26)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#e21ad5
```
#e21ad5 rgb(226,26,213)
```

Triadic Color

#1ae227
```
#1ae227 rgb(26,226,39)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#e21ad5
```
#e21ad5 rgb(226,26,213)
```
#e2271a
```
#e2271a rgb(226,39,26)
```

Tetradic Color

#12949d
```
#12949d rgb(18,148,157)
```
#15aab4
```
#15aab4 rgb(21,170,180)
```
#17bfcb
```
#17bfcb rgb(23,191,203)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#2edbe7
```
#2edbe7 rgb(46,219,231)
```
#45dfea
```
#45dfea rgb(69,223,234)
```
#5ce3ec
```
#5ce3ec rgb(92,227,236)
```

Monochromatic Color

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

#1ae2bd
```
#1ae2bd rgb(26,226,189)
```
#1ae2ce
```
#1ae2ce rgb(26,226,206)
```
#1ae2de
```
#1ae2de rgb(26,226,222)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#1ac4e2
```
#1ac4e2 rgb(26,196,226)
```
#1ab4e2
```
#1ab4e2 rgb(26,180,226)
```
#1aa3e2
```
#1aa3e2 rgb(26,163,226)
```

Similar Colors

Text with hexadecimal color #1ad5e2

This text has a font color of #1ad5e2.

<span style="color:#1ad5e2;">Text here</span>

#1ad5e2 background color

This paragraph has a background color of #1ad5e2.

<p style="background-color:#1ad5e2;">Content here</p>

#1ad5e2 border color

This element has a border color of #1ad5e2.

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

CSS codes

.text {color:#1ad5e2;}

.background {background-color:#1ad5e2;}

.border {border:1px solid #1ad5e2;}

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

#020e0f
```
#020e0f rgb(2,14,15)
```
#041f20
```
#041f20 rgb(4,31,32)
```
#062f32
```
#062f32 rgb(6,47,50)
```
#084044
```
#084044 rgb(8,64,68)
```
#0a5055
```
#0a5055 rgb(10,80,85)
```
#0c6167
```
#0c6167 rgb(12,97,103)
```
#0e7278
```
#0e7278 rgb(14,114,120)
```
#10828a
```
#10828a rgb(16,130,138)
```
#12939c
```
#12939c rgb(18,147,156)
```
#14a3ad
```
#14a3ad rgb(20,163,173)
```
#16b4bf
```
#16b4bf rgb(22,180,191)
```
#18c4d0
```
#18c4d0 rgb(24,196,208)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```

Shade Color Variation

#29dae6
```
#29dae6 rgb(41,218,230)
```
#3bdde8
```
#3bdde8 rgb(59,221,232)
```
#4ce0ea
```
#4ce0ea rgb(76,224,234)
```
#5ee3ec
```
#5ee3ec rgb(94,227,236)
```
#70e6ef
```
#70e6ef rgb(112,230,239)
```
#81e9f1
```
#81e9f1 rgb(129,233,241)
```
#93ecf3
```
#93ecf3 rgb(147,236,243)
```
#a4eff5
```
#a4eff5 rgb(164,239,245)
```
#b6f2f7
```
#b6f2f7 rgb(182,242,247)
```
#c8f5f9
```
#c8f5f9 rgb(200,245,249)
```
#d9f8fb
```
#d9f8fb rgb(217,248,251)
```
#ebfcfd
```
#ebfcfd rgb(235,252,253)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8181 is the less saturated color, while #07e6f5 is the most saturated one.

#7b8181
```
#7b8181 rgb(123,129,129)
```
#71898b
```
#71898b rgb(113,137,139)
```
#689294
```
#689294 rgb(104,146,148)
```
#5e9a9e
```
#5e9a9e rgb(94,154,158)
```
#54a2a8
```
#54a2a8 rgb(84,162,168)
```
#4aabb2
```
#4aabb2 rgb(74,171,178)
```
#41b3bb
```
#41b3bb rgb(65,179,187)
```
#37bcc5
```
#37bcc5 rgb(55,188,197)
```
#2dc4cf
```
#2dc4cf rgb(45,196,207)
```
#24cdd8
```
#24cdd8 rgb(36,205,216)
```
#1ad5e2
```
#1ad5e2 rgb(26,213,226)
```
#10ddec
```
#10ddec rgb(16,221,236)
```
#07e6f5
```
#07e6f5 rgb(7,230,245)
```

Tone Color Variation

Below, you can see how #1ad5e2 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

#9f9f9f Achromatopsia 0.005% of the population
#84aaac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c2d7 Protanopia 1% of men
#c1c0ec Deuteranopia 1% of men
#2bd6e6 Tritanopia 0.001% of the population

Trichromacy

#84c9db Protanomaly 1% of men, 0.01% of women
#84c7e8 Deuteranomaly 6% of men, 0.4% of women
#25d6e4 Tritanomaly 0.01% of the population

#1ad5e2 hex color

#1ad5e2 Color Information

#1ad5e2 Color Conversion

Color Schemes with #1ad5e2

Alternatives to #1ad5e2

#1ad5e2 Preview

Shades and Tints of #1ad5e2

Tones of #1ad5e2

Color Blindness Simulator