colorhexa.com

#1ad4e8 hex color

In a RGB color space, hex #1ad4e8 is composed of 10.2% red, 83.1% green and 91% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 8.6% magenta, 0% yellow and 9% black. It has a hue angle of 185.8 degrees, a saturation of 81.7% and a lightness of 50.6%. #1ad4e8 color hex could be obtained by blending #34ffff with #00a9d1. Closest websafe color is: #33ccff.

- R 10
- G 83
- B 91
RGB color chart
- C 89
- M 9
- Y 0
- K 9
CMYK color chart

● #1ad4e8 color description : Vivid cyan.

The hexadecimal color #1ad4e8 has RGB values of R:26, G:212, B:232 and CMYK values of C:0.89, M:0.09, Y:0, K:0.09. Its decimal value is 1758440.

Hex triplet	1ad4e8	`#1ad4e8`
RGB Decimal	26, 212, 232	`rgb(26,212,232)`
RGB Percent	10.2, 83.1, 91	`rgb(10.2%,83.1%,91%)`
CMYK	89, 9, 0, 9
HSL	185.8°, 81.7, 50.6	`hsl(185.8,81.7%,50.6%)`
HSV (or HSB)	185.8°, 88.8, 91
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.951, -34.912, -21.855
XYZ	38.531, 53.129, 84.564
xyY	0.219, 0.301, 53.129
CIE-LCH	77.951, 41.188, 212.046
CIE-LUV	77.951, -57.086, -29.709
Hunter-Lab	72.89, -33.199, -17.763
Binary	00011010, 11010100, 11101000

#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#e82e1a
```
#e82e1a rgb(232,46,26)
```

Complementary Color

#1ae895
```
#1ae895 rgb(26,232,149)
```
#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#1a6de8
```
#1a6de8 rgb(26,109,232)
```

Analogous Color

#e8951a
```
#e8951a rgb(232,149,26)
```
#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#e81a6d
```
#e81a6d rgb(232,26,109)
```

Split Complementary Color

#d4e81a
```
#d4e81a rgb(212,232,26)
```
#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#e81ad4
```
#e81ad4 rgb(232,26,212)
```

Triadic Color

#1ae82e
```
#1ae82e rgb(26,232,46)
```
#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#e81ad4
```
#e81ad4 rgb(232,26,212)
```
#e82e1a
```
#e82e1a rgb(232,46,26)
```

Tetradic Color

#1197a5
```
#1197a5 rgb(17,151,165)
```
#13acbc
```
#13acbc rgb(19,172,188)
```
#15c1d3
```
#15c1d3 rgb(21,193,211)
```
#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#31d8ea
```
#31d8ea rgb(49,216,234)
```
#48dded
```
#48dded rgb(72,221,237)
```
#60e1ef
```
#60e1ef rgb(96,225,239)
```

Monochromatic Color

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

#1ae8c9
```
#1ae8c9 rgb(26,232,201)
```
#1ae8da
```
#1ae8da rgb(26,232,218)
```
#1ae5e8
```
#1ae5e8 rgb(26,229,232)
```
#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#1ac3e8
```
#1ac3e8 rgb(26,195,232)
```
#1ab2e8
```
#1ab2e8 rgb(26,178,232)
```
#1aa1e8
```
#1aa1e8 rgb(26,161,232)
```

Similar Colors

Text with hexadecimal color #1ad4e8

This text has a font color of #1ad4e8.

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

#1ad4e8 background color

This paragraph has a background color of #1ad4e8.

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

#1ad4e8 border color

This element has a border color of #1ad4e8.

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

CSS codes

.text {color:#1ad4e8;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#021315
```
#021315 rgb(2,19,21)
```
#042326
```
#042326 rgb(4,35,38)
```
#063338
```
#063338 rgb(6,51,56)
```
#07444a
```
#07444a rgb(7,68,74)
```
#09545c
```
#09545c rgb(9,84,92)
```
#0b646e
```
#0b646e rgb(11,100,110)
```
#0d7480
```
#0d7480 rgb(13,116,128)
```
#0f8591
```
#0f8591 rgb(15,133,145)
```
#1095a3
```
#1095a3 rgb(16,149,163)
```
#12a5b5
```
#12a5b5 rgb(18,165,181)
```
#14b5c7
```
#14b5c7 rgb(20,181,199)
```
#16c6d9
```
#16c6d9 rgb(22,198,217)
```

Shade Color Variation

#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#2cd7ea
```
#2cd7ea rgb(44,215,234)
```
#3edbec
```
#3edbec rgb(62,219,236)
```
#4fdeed
```
#4fdeed rgb(79,222,237)
```
#61e1ef
```
#61e1ef rgb(97,225,239)
```
#73e5f1
```
#73e5f1 rgb(115,229,241)
```
#85e8f3
```
#85e8f3 rgb(133,232,243)
```
#97ebf5
```
#97ebf5 rgb(151,235,245)
```
#a9eff6
```
#a9eff6 rgb(169,239,246)
```
#baf2f8
```
#baf2f8 rgb(186,242,248)
```
#ccf5fa
```
#ccf5fa rgb(204,245,250)
```
#def9fc
```
#def9fc rgb(222,249,252)
```
#f0fcfd
```
#f0fcfd rgb(240,252,253)
```

Tint Color Variation

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

#7b8687
```
#7b8687 rgb(123,134,135)
```
#718e91
```
#718e91 rgb(113,142,145)
```
#68969a
```
#68969a rgb(104,150,154)
```
#5e9da4
```
#5e9da4 rgb(94,157,164)
```
#54a5ae
```
#54a5ae rgb(84,165,174)
```
#4aadb8
```
#4aadb8 rgb(74,173,184)
```
#41b5c1
```
#41b5c1 rgb(65,181,193)
```
#37bdcb
```
#37bdcb rgb(55,189,203)
```
#2dc4d5
```
#2dc4d5 rgb(45,196,213)
```
#24ccde
```
#24ccde rgb(36,204,222)
```
#1ad4e8
```
#1ad4e8 rgb(26,212,232)
```
#10dcf2
```
#10dcf2 rgb(16,220,242)
```
#07e4fb
```
#07e4fb rgb(7,228,251)
```

Tone Color Variation

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

Dichromacy

#bfc2dd Protanopia 1% of men
#bdc0f1 Deuteranopia 1% of men
#1fd6e6 Tritanopia 0.001% of the population

Trichromacy

#83c8e1 Protanomaly 1% of men, 0.01% of women
#81c7ee Deuteranomaly 6% of men, 0.4% of women
#1dd5e7 Tritanomaly 0.01% of the population