#1ad4dd hex color

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

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

● #1ad4dd color description : Vivid cyan.

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

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

CIE-LAB	77.593, -38.279, -16.502
XYZ	37.017, 52.523, 76.59
xyY	0.223, 0.316, 52.523
CIE-LCH	77.593, 41.685, 203.321
CIE-LUV	77.593, -57.944, -20.29
Hunter-Lab	72.473, -35.656, -11.927
Binary	00011010, 11010100, 11011101

#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#dd231a
```
#dd231a rgb(221,35,26)
```

Complementary Color

#1add85
```
#1add85 rgb(26,221,133)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#1a73dd
```
#1a73dd rgb(26,115,221)
```

Analogous Color

#dd851a
```
#dd851a rgb(221,133,26)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#dd1a73
```
#dd1a73 rgb(221,26,115)
```

Split Complementary Color

#d4dd1a
```
#d4dd1a rgb(212,221,26)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#dd1ad4
```
#dd1ad4 rgb(221,26,212)
```

Triadic Color

#1add23
```
#1add23 rgb(26,221,35)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#dd1ad4
```
#dd1ad4 rgb(221,26,212)
```
#dd231a
```
#dd231a rgb(221,35,26)
```

Tetradic Color

#129299
```
#129299 rgb(18,146,153)
```
#15a8af
```
#15a8af rgb(21,168,175)
```
#17bec6
```
#17bec6 rgb(23,190,198)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#2bdde6
```
#2bdde6 rgb(43,221,230)
```
#41e1e9
```
#41e1e9 rgb(65,225,233)
```
#58e5eb
```
#58e5eb rgb(88,229,235)
```

Monochromatic Color

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

#1addb5
```
#1addb5 rgb(26,221,181)
```
#1addc6
```
#1addc6 rgb(26,221,198)
```
#1addd6
```
#1addd6 rgb(26,221,214)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#1ac4dd
```
#1ac4dd rgb(26,196,221)
```
#1ab4dd
```
#1ab4dd rgb(26,180,221)
```
#1aa3dd
```
#1aa3dd rgb(26,163,221)
```

Similar Colors

Text with hexadecimal color #1ad4dd

This text has a font color of #1ad4dd.

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

#1ad4dd background color

This paragraph has a background color of #1ad4dd.

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

#1ad4dd border color

This element has a border color of #1ad4dd.

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

CSS codes

.text {color:#1ad4dd;}

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

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

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)
```
#073c3f
```
#073c3f rgb(7,60,63)
```
#094d51
```
#094d51 rgb(9,77,81)
```
#0c5e62
```
#0c5e62 rgb(12,94,98)
```
#0e6f74
```
#0e6f74 rgb(14,111,116)
```
#108085
```
#108085 rgb(16,128,133)
```
#129197
```
#129197 rgb(18,145,151)
```
#14a1a8
```
#14a1a8 rgb(20,161,168)
```
#16b2ba
```
#16b2ba rgb(22,178,186)
```
#18c3cb
```
#18c3cb rgb(24,195,203)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```

Shade Color Variation

#25dde5
```
#25dde5 rgb(37,221,229)
```
#37dfe7
```
#37dfe7 rgb(55,223,231)
```
#48e2ea
```
#48e2ea rgb(72,226,234)
```
#5ae5ec
```
#5ae5ec rgb(90,229,236)
```
#6be8ee
```
#6be8ee rgb(107,232,238)
```
#7deaf0
```
#7deaf0 rgb(125,234,240)
```
#8fedf2
```
#8fedf2 rgb(143,237,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 #07e5f0 is the most saturated one.

#797e7e
```
#797e7e rgb(121,126,126)
```
#708688
```
#708688 rgb(112,134,136)
```
#668f91
```
#668f91 rgb(102,143,145)
```
#5d989b
```
#5d989b rgb(93,152,155)
```
#53a0a4
```
#53a0a4 rgb(83,160,164)
```
#4aa9ae
```
#4aa9ae rgb(74,169,174)
```
#40b2b7
```
#40b2b7 rgb(64,178,183)
```
#37bac1
```
#37bac1 rgb(55,186,193)
```
#2dc3ca
```
#2dc3ca rgb(45,195,202)
```
#24cbd4
```
#24cbd4 rgb(36,203,212)
```
#1ad4dd
```
#1ad4dd rgb(26,212,221)
```
#11dde7
```
#11dde7 rgb(17,221,231)
```
#07e5f0
```
#07e5f0 rgb(7,229,240)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#83a8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c1d2 Protanopia 1% of men
#c1bfe7 Deuteranopia 1% of men
#30d5e4 Tritanopia 0.001% of the population

Trichromacy

#84c8d6 Protanomaly 1% of men, 0.01% of women
#84c6e3 Deuteranomaly 6% of men, 0.4% of women
#28d4e2 Tritanomaly 0.01% of the population

#1ad4dd hex color

#1ad4dd Color Information

#1ad4dd Color Conversion

Color Schemes with #1ad4dd

Alternatives to #1ad4dd

#1ad4dd Preview

Shades and Tints of #1ad4dd

Tones of #1ad4dd

Color Blindness Simulator