#1ad4ed hex color

In a RGB color space, hex #1ad4ed is composed of 10.2% red, 83.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 10.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 187.1 degrees, a saturation of 85.4% and a lightness of 51.6%. #1ad4ed color hex could be obtained by blending #34ffff with #00a9db. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 10
- G 83
- B 93
RGB color chart
- C 89
- M 11
- Y 0
- K 7
CMYK color chart

● #1ad4ed color description : Vivid cyan.

The hexadecimal color #1ad4ed has RGB values of R:26, G:212, B:237 and CMYK values of C:0.89, M:0.11, Y:0, K:0.07. Its decimal value is 1758445.

Hex triplet	1ad4ed	`#1ad4ed`
RGB Decimal	26, 212, 237	`rgb(26,212,237)`
RGB Percent	10.2, 83.1, 92.9	`rgb(10.2%,83.1%,92.9%)`
CMYK	89, 11, 0, 7
HSL	187.1°, 85.4, 51.6	`hsl(187.1,85.4%,51.6%)`
HSV (or HSB)	187.1°, 89, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.121, -33.351, -24.272
XYZ	39.251, 53.417, 88.358
xyY	0.217, 0.295, 53.417
CIE-LCH	78.121, 41.248, 216.046
CIE-LUV	78.121, -56.698, -34.015
Hunter-Lab	73.087, -32.039, -20.517
Binary	00011010, 11010100, 11101101

#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#ed331a
```
#ed331a rgb(237,51,26)
```

Complementary Color

#1aed9d
```
#1aed9d rgb(26,237,157)
```
#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#1a6bed
```
#1a6bed rgb(26,107,237)
```

Analogous Color

#ed9d1a
```
#ed9d1a rgb(237,157,26)
```
#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#ed1a6b
```
#ed1a6b rgb(237,26,107)
```

Split Complementary Color

#d4ed1a
```
#d4ed1a rgb(212,237,26)
```
#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#ed1ad4
```
#ed1ad4 rgb(237,26,212)
```

Triadic Color

#1aed33
```
#1aed33 rgb(26,237,51)
```
#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#ed1ad4
```
#ed1ad4 rgb(237,26,212)
```
#ed331a
```
#ed331a rgb(237,51,26)
```

Tetradic Color

#0e9aad
```
#0e9aad rgb(14,154,173)
```
#0fafc5
```
#0fafc5 rgb(15,175,197)
```
#11c4dc
```
#11c4dc rgb(17,196,220)
```
#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#32d8ef
```
#32d8ef rgb(50,216,239)
```
#49ddf1
```
#49ddf1 rgb(73,221,241)
```
#61e1f3
```
#61e1f3 rgb(97,225,243)
```

Monochromatic Color

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

#1aedd1
```
#1aedd1 rgb(26,237,209)
```
#1aede3
```
#1aede3 rgb(26,237,227)
```
#1ae6ed
```
#1ae6ed rgb(26,230,237)
```
#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#1ac2ed
```
#1ac2ed rgb(26,194,237)
```
#1ab1ed
```
#1ab1ed rgb(26,177,237)
```
#1a9fed
```
#1a9fed rgb(26,159,237)
```

Similar Colors

Text with hexadecimal color #1ad4ed

This text has a font color of #1ad4ed.

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

#1ad4ed background color

This paragraph has a background color of #1ad4ed.

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

#1ad4ed border color

This element has a border color of #1ad4ed.

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

CSS codes

.text {color:#1ad4ed;}

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

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

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

#010707
```
#010707 rgb(1,7,7)
```
#02171a
```
#02171a rgb(2,23,26)
```
#03272c
```
#03272c rgb(3,39,44)
```
#05373e
```
#05373e rgb(5,55,62)
```
#064750
```
#064750 rgb(6,71,80)
```
#085862
```
#085862 rgb(8,88,98)
```
#096875
```
#096875 rgb(9,104,117)
```
#0b7887
```
#0b7887 rgb(11,120,135)
```
#0c8899
```
#0c8899 rgb(12,136,153)
```
#0d98ab
```
#0d98ab rgb(13,152,171)
```
#0fa9bd
```
#0fa9bd rgb(15,169,189)
```
#10b9cf
```
#10b9cf rgb(16,185,207)
```
#12c9e2
```
#12c9e2 rgb(18,201,226)
```

Shade Color Variation

#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#2cd7ee
```
#2cd7ee rgb(44,215,238)
```
#3edbf0
```
#3edbf0 rgb(62,219,240)
```
#51def1
```
#51def1 rgb(81,222,241)
```
#63e2f3
```
#63e2f3 rgb(99,226,243)
```
#75e5f4
```
#75e5f4 rgb(117,229,244)
```
#87e8f6
```
#87e8f6 rgb(135,232,246)
```
#99ecf7
```
#99ecf7 rgb(153,236,247)
```
#abeff8
```
#abeff8 rgb(171,239,248)
```
#bef3fa
```
#bef3fa rgb(190,243,250)
```
#d0f6fb
```
#d0f6fb rgb(208,246,251)
```
#e2fafd
```
#e2fafd rgb(226,250,253)
```
#f4fdfe
```
#f4fdfe rgb(244,253,254)
```

Tint Color Variation

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

#838485
```
#838485 rgb(131,132,133)
```
#798c8e
```
#798c8e rgb(121,140,142)
```
#709398
```
#709398 rgb(112,147,152)
```
#669aa1
```
#669aa1 rgb(102,154,161)
```
#5da1ab
```
#5da1ab rgb(93,161,171)
```
#53a9b4
```
#53a9b4 rgb(83,169,180)
```
#4ab0be
```
#4ab0be rgb(74,176,190)
```
#40b7c7
```
#40b7c7 rgb(64,183,199)
```
#37bed1
```
#37bed1 rgb(55,190,209)
```
#2dc6da
```
#2dc6da rgb(45,198,218)
```
#24cde4
```
#24cde4 rgb(36,205,228)
```
#1ad4ed
```
#1ad4ed rgb(26,212,237)
```
#11dbf7
```
#11dbf7 rgb(17,219,247)
```

Tone Color Variation

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

Dichromacy

#bec2e1 Protanopia 1% of men
#bac1f6 Deuteranopia 1% of men
#0ad7e7 Tritanopia 0.001% of the population

Trichromacy

#82c9e5 Protanomaly 1% of men, 0.01% of women
#80c8f2 Deuteranomaly 6% of men, 0.4% of women
#0fd6e9 Tritanomaly 0.01% of the population

#1ad4ed hex color

#1ad4ed Color Information

#1ad4ed Color Conversion

Color Schemes with #1ad4ed

Alternatives to #1ad4ed

#1ad4ed Preview

Shades and Tints of #1ad4ed

Tones of #1ad4ed

Color Blindness Simulator