#1ad5dc hex color

In a RGB color space, hex #1ad5dc is composed of 10.2% red, 83.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 3.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 182.2 degrees, a saturation of 78.9% and a lightness of 48.2%. #1ad5dc color hex could be obtained by blending #34ffff with #00abb9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 10
- G 84
- B 86
RGB color chart
- C 88
- M 3
- Y 0
- K 14
CMYK color chart

● #1ad5dc color description : Vivid cyan.

The hexadecimal color #1ad5dc has RGB values of R:26, G:213, B:220 and CMYK values of C:0.88, M:0.03, Y:0, K:0.14. Its decimal value is 1758684.

Hex triplet	1ad5dc	`#1ad5dc`
RGB Decimal	26, 213, 220	`rgb(26,213,220)`
RGB Percent	10.2, 83.5, 86.3	`rgb(10.2%,83.5%,86.3%)`
CMYK	88, 3, 0, 14
HSL	182.2°, 78.9, 48.2	`hsl(182.2,78.9%,48.2%)`
HSV (or HSB)	182.2°, 88.2, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.858, -39.037, -15.566
XYZ	37.135, 52.972, 75.974
xyY	0.224, 0.319, 52.972
CIE-LCH	77.858, 42.026, 201.74
CIE-LUV	77.858, -58.361, -18.644
Hunter-Lab	72.782, -36.294, -10.943
Binary	00011010, 11010101, 11011100

#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#dc211a
```
#dc211a rgb(220,33,26)
```

Complementary Color

#1adc82
```
#1adc82 rgb(26,220,130)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#1a74dc
```
#1a74dc rgb(26,116,220)
```

Analogous Color

#dc821a
```
#dc821a rgb(220,130,26)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#dc1a74
```
#dc1a74 rgb(220,26,116)
```

Split Complementary Color

#d5dc1a
```
#d5dc1a rgb(213,220,26)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#dc1ad5
```
#dc1ad5 rgb(220,26,213)
```

Triadic Color

#1adc21
```
#1adc21 rgb(26,220,33)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#dc1ad5
```
#dc1ad5 rgb(220,26,213)
```
#dc211a
```
#dc211a rgb(220,33,26)
```

Tetradic Color

#129398
```
#129398 rgb(18,147,152)
```
#15a9ae
```
#15a9ae rgb(21,169,174)
```
#17bfc5
```
#17bfc5 rgb(23,191,197)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#2adfe6
```
#2adfe6 rgb(42,223,230)
```
#41e2e8
```
#41e2e8 rgb(65,226,232)
```
#57e6eb
```
#57e6eb rgb(87,230,235)
```

Monochromatic Color

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

#1adcb3
```
#1adcb3 rgb(26,220,179)
```
#1adcc3
```
#1adcc3 rgb(26,220,195)
```
#1adcd3
```
#1adcd3 rgb(26,220,211)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#1ac5dc
```
#1ac5dc rgb(26,197,220)
```
#1ab5dc
```
#1ab5dc rgb(26,181,220)
```
#1aa5dc
```
#1aa5dc rgb(26,165,220)
```

Similar Colors

Text with hexadecimal color #1ad5dc

This text has a font color of #1ad5dc.

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

#1ad5dc background color

This paragraph has a background color of #1ad5dc.

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

#1ad5dc border color

This element has a border color of #1ad5dc.

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

CSS codes

.text {color:#1ad5dc;}

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

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

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

#010909
```
#010909 rgb(1,9,9)
```
#031a1b
```
#031a1b rgb(3,26,27)
```
#052b2d
```
#052b2d rgb(5,43,45)
```
#073c3e
```
#073c3e rgb(7,60,62)
```
#094d50
```
#094d50 rgb(9,77,80)
```
#0b5e61
```
#0b5e61 rgb(11,94,97)
```
#0e6f73
```
#0e6f73 rgb(14,111,115)
```
#108084
```
#108084 rgb(16,128,132)
```
#129196
```
#129196 rgb(18,145,150)
```
#14a2a7
```
#14a2a7 rgb(20,162,167)
```
#16b3b9
```
#16b3b9 rgb(22,179,185)
```
#18c4ca
```
#18c4ca rgb(24,196,202)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```

Shade Color Variation

#24dee5
```
#24dee5 rgb(36,222,229)
```
#36e1e7
```
#36e1e7 rgb(54,225,231)
```
#48e3e9
```
#48e3e9 rgb(72,227,233)
```
#59e6eb
```
#59e6eb rgb(89,230,235)
```
#6be9ed
```
#6be9ed rgb(107,233,237)
```
#7cebf0
```
#7cebf0 rgb(124,235,240)
```
#8eeef2
```
#8eeef2 rgb(142,238,242)
```
#9ff1f4
```
#9ff1f4 rgb(159,241,244)
```
#b1f3f6
```
#b1f3f6 rgb(177,243,246)
```
#c2f6f8
```
#c2f6f8 rgb(194,246,248)
```
#d4f9fa
```
#d4f9fa rgb(212,249,250)
```
#e5fbfc
```
#e5fbfc rgb(229,251,252)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

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

#797d7d
```
#797d7d rgb(121,125,125)
```
#6f8687
```
#6f8687 rgb(111,134,135)
```
#668f90
```
#668f90 rgb(102,143,144)
```
#5c989a
```
#5c989a rgb(92,152,154)
```
#53a0a3
```
#53a0a3 rgb(83,160,163)
```
#49a9ad
```
#49a9ad rgb(73,169,173)
```
#40b2b6
```
#40b2b6 rgb(64,178,182)
```
#36bbc0
```
#36bbc0 rgb(54,187,192)
```
#2dc3c9
```
#2dc3c9 rgb(45,195,201)
```
#23ccd3
```
#23ccd3 rgb(35,204,211)
```
#1ad5dc
```
#1ad5dc rgb(26,213,220)
```
#11dee5
```
#11dee5 rgb(17,222,229)
```
#07e7ef
```
#07e7ef rgb(7,231,239)
```

Tone Color Variation

Below, you can see how #1ad5dc 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
#84a9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c2d1 Protanopia 1% of men
#c3bfe6 Deuteranopia 1% of men
#33d5e5 Tritanopia 0.001% of the population

Trichromacy

#85c9d5 Protanomaly 1% of men, 0.01% of women
#85c7e2 Deuteranomaly 6% of men, 0.4% of women
#2ad5e2 Tritanomaly 0.01% of the population

#1ad5dc hex color

#1ad5dc Color Information

#1ad5dc Color Conversion

Color Schemes with #1ad5dc

Alternatives to #1ad5dc

#1ad5dc Preview

Shades and Tints of #1ad5dc

Tones of #1ad5dc

Color Blindness Simulator