#1ad5dd hex color

In a RGB color space, hex #1ad5dd is composed of 10.2% red, 83.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 3.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 182.5 degrees, a saturation of 78.9% and a lightness of 48.4%. #1ad5dd color hex could be obtained by blending #34ffff with #00abbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 10
- G 84
- B 87
RGB color chart
- C 88
- M 4
- Y 0
- K 13
CMYK color chart

● #1ad5dd color description : Vivid cyan.

The hexadecimal color #1ad5dd has RGB values of R:26, G:213, B:221 and CMYK values of C:0.88, M:0.04, Y:0, K:0.13. Its decimal value is 1758685.

Hex triplet	1ad5dd	`#1ad5dd`
RGB Decimal	26, 213, 221	`rgb(26,213,221)`
RGB Percent	10.2, 83.5, 86.7	`rgb(10.2%,83.5%,86.7%)`
CMYK	88, 4, 0, 13
HSL	182.5°, 78.9, 48.4	`hsl(182.5,78.9%,48.4%)`
HSV (or HSB)	182.5°, 88.2, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.89, -38.737, -16.055
XYZ	37.267, 53.025, 76.673
xyY	0.223, 0.318, 53.025
CIE-LCH	77.89, 41.932, 202.512
CIE-LUV	77.89, -58.283, -19.494
Hunter-Lab	72.818, -36.078, -11.456
Binary	00011010, 11010101, 11011101

#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#dd221a
```
#dd221a rgb(221,34,26)
```

Complementary Color

#1add84
```
#1add84 rgb(26,221,132)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#1a74dd
```
#1a74dd rgb(26,116,221)
```

Analogous Color

#dd841a
```
#dd841a rgb(221,132,26)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#dd1a74
```
#dd1a74 rgb(221,26,116)
```

Split Complementary Color

#d5dd1a
```
#d5dd1a rgb(213,221,26)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#dd1ad5
```
#dd1ad5 rgb(221,26,213)
```

Triadic Color

#1add22
```
#1add22 rgb(26,221,34)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#dd1ad5
```
#dd1ad5 rgb(221,26,213)
```
#dd221a
```
#dd221a rgb(221,34,26)
```

Tetradic Color

#129399
```
#129399 rgb(18,147,153)
```
#15a9af
```
#15a9af rgb(21,169,175)
```
#17bfc6
```
#17bfc6 rgb(23,191,198)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#2bdee6
```
#2bdee6 rgb(43,222,230)
```
#41e2e9
```
#41e2e9 rgb(65,226,233)
```
#58e5eb
```
#58e5eb rgb(88,229,235)
```

Monochromatic Color

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

#1addb4
```
#1addb4 rgb(26,221,180)
```
#1addc5
```
#1addc5 rgb(26,221,197)
```
#1addd5
```
#1addd5 rgb(26,221,213)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#1ac5dd
```
#1ac5dd rgb(26,197,221)
```
#1ab5dd
```
#1ab5dd rgb(26,181,221)
```
#1aa4dd
```
#1aa4dd rgb(26,164,221)
```

Similar Colors

Text with hexadecimal color #1ad5dd

This text has a font color of #1ad5dd.

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

#1ad5dd background color

This paragraph has a background color of #1ad5dd.

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

#1ad5dd border color

This element has a border color of #1ad5dd.

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

CSS codes

.text {color:#1ad5dd;}

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

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

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, #010a0a is the darkest color, while #f8fefe is the lightest one.

#010a0a
```
#010a0a rgb(1,10,10)
```
#031b1c
```
#031b1c rgb(3,27,28)
```
#052c2d
```
#052c2d rgb(5,44,45)
```
#073d3f
```
#073d3f rgb(7,61,63)
```
#094e51
```
#094e51 rgb(9,78,81)
```
#0c5f62
```
#0c5f62 rgb(12,95,98)
```
#0e7074
```
#0e7074 rgb(14,112,116)
```
#108085
```
#108085 rgb(16,128,133)
```
#129197
```
#129197 rgb(18,145,151)
```
#14a2a8
```
#14a2a8 rgb(20,162,168)
```
#16b3ba
```
#16b3ba rgb(22,179,186)
```
#18c4cb
```
#18c4cb rgb(24,196,203)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```

Shade Color Variation

#25dde5
```
#25dde5 rgb(37,221,229)
```
#37e0e7
```
#37e0e7 rgb(55,224,231)
```
#48e3ea
```
#48e3ea rgb(72,227,234)
```
#5ae6ec
```
#5ae6ec rgb(90,230,236)
```
#6be8ee
```
#6be8ee rgb(107,232,238)
```
#7debf0
```
#7debf0 rgb(125,235,240)
```
#8feef2
```
#8feef2 rgb(143,238,242)
```
#a0f0f4
```
#a0f0f4 rgb(160,240,244)
```
#b2f3f6
```
#b2f3f6 rgb(178,243,246)
```
#c3f6f8
```
#c3f6f8 rgb(195,246,248)
```
#d5f8fa
```
#d5f8fa rgb(213,248,250)
```
#e6fbfc
```
#e6fbfc rgb(230,251,252)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#797e7e
```
#797e7e rgb(121,126,126)
```
#708788
```
#708788 rgb(112,135,136)
```
#668f91
```
#668f91 rgb(102,143,145)
```
#5d989b
```
#5d989b rgb(93,152,155)
```
#53a1a4
```
#53a1a4 rgb(83,161,164)
```
#4aa9ae
```
#4aa9ae rgb(74,169,174)
```
#40b2b7
```
#40b2b7 rgb(64,178,183)
```
#37bbc1
```
#37bbc1 rgb(55,187,193)
```
#2dc4ca
```
#2dc4ca rgb(45,196,202)
```
#24ccd4
```
#24ccd4 rgb(36,204,212)
```
#1ad5dd
```
#1ad5dd rgb(26,213,221)
```
#11dee7
```
#11dee7 rgb(17,222,231)
```
#07e6f0
```
#07e6f0 rgb(7,230,240)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#84a9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c2d2 Protanopia 1% of men
#c3bfe7 Deuteranopia 1% of men
#32d6e5 Tritanopia 0.001% of the population

Trichromacy

#85c9d6 Protanomaly 1% of men, 0.01% of women
#85c7e3 Deuteranomaly 6% of men, 0.4% of women
#29d5e2 Tritanomaly 0.01% of the population

#1ad5dd hex color

#1ad5dd Color Information

#1ad5dd Color Conversion

Color Schemes with #1ad5dd

Alternatives to #1ad5dd

#1ad5dd Preview

Shades and Tints of #1ad5dd

Tones of #1ad5dd

Color Blindness Simulator