#1ad8f6 hex color

In a RGB color space, hex #1ad8f6 is composed of 10.2% red, 84.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 12.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 188.2 degrees, a saturation of 92.4% and a lightness of 53.3%. #1ad8f6 color hex could be obtained by blending #34ffff with #00b1ed. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 10
- G 85
- B 96
RGB color chart
- C 89
- M 12
- Y 0
- K 4
CMYK color chart

● #1ad8f6 color description : Vivid cyan.

The hexadecimal color #1ad8f6 has RGB values of R:26, G:216, B:246 and CMYK values of C:0.89, M:0.12, Y:0, K:0.04. Its decimal value is 1759478.

Hex triplet	1ad8f6	`#1ad8f6`
RGB Decimal	26, 216, 246	`rgb(26,216,246)`
RGB Percent	10.2, 84.7, 96.5	`rgb(10.2%,84.7%,96.5%)`
CMYK	89, 12, 0, 4
HSL	188.2°, 92.4, 53.3	`hsl(188.2,92.4%,53.3%)`
HSV (or HSB)	188.2°, 89.4, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.603, -32.421, -26.81
XYZ	41.612, 55.981, 95.796
xyY	0.215, 0.289, 55.981
CIE-LCH	79.603, 42.07, 219.588
CIE-LUV	79.603, -57.352, -38.537
Hunter-Lab	74.82, -31.662, -23.537
Binary	00011010, 11011000, 11110110

#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#f6381a
```
#f6381a rgb(246,56,26)
```

Complementary Color

#1af6a6
```
#1af6a6 rgb(26,246,166)
```
#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#1a6af6
```
#1a6af6 rgb(26,106,246)
```

Analogous Color

#f6a61a
```
#f6a61a rgb(246,166,26)
```
#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#f61a6a
```
#f61a6a rgb(246,26,106)
```

Split Complementary Color

#d8f61a
```
#d8f61a rgb(216,246,26)
```
#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#f61ad8
```
#f61ad8 rgb(246,26,216)
```

Triadic Color

#1af638
```
#1af638 rgb(26,246,56)
```
#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#f61ad8
```
#f61ad8 rgb(246,26,216)
```
#f6381a
```
#f6381a rgb(246,56,26)
```

Tetradic Color

#07a3bc
```
#07a3bc rgb(7,163,188)
```
#08b9d5
```
#08b9d5 rgb(8,185,213)
```
#09ceed
```
#09ceed rgb(9,206,237)
```
#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#33dcf7
```
#33dcf7 rgb(51,220,247)
```
#4be0f8
```
#4be0f8 rgb(75,224,248)
```
#64e5f9
```
#64e5f9 rgb(100,229,249)
```

Monochromatic Color

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

#1af6dd
```
#1af6dd rgb(26,246,221)
```
#1af6ef
```
#1af6ef rgb(26,246,239)
```
#1aeaf6
```
#1aeaf6 rgb(26,234,246)
```
#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#1ac6f6
```
#1ac6f6 rgb(26,198,246)
```
#1ab3f6
```
#1ab3f6 rgb(26,179,246)
```
#1aa1f6
```
#1aa1f6 rgb(26,161,246)
```

Similar Colors

Text with hexadecimal color #1ad8f6

This text has a font color of #1ad8f6.

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

#1ad8f6 background color

This paragraph has a background color of #1ad8f6.

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

#1ad8f6 border color

This element has a border color of #1ad8f6.

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

CSS codes

.text {color:#1ad8f6;}

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

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

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

#010e10
```
#010e10 rgb(1,14,16)
```
#011f23
```
#011f23 rgb(1,31,35)
```
#022f36
```
#022f36 rgb(2,47,54)
```
#033f49
```
#033f49 rgb(3,63,73)
```
#04505c
```
#04505c rgb(4,80,92)
```
#04606f
```
#04606f rgb(4,96,111)
```
#057182
```
#057182 rgb(5,113,130)
```
#068194
```
#068194 rgb(6,129,148)
```
#0791a7
```
#0791a7 rgb(7,145,167)
```
#07a2ba
```
#07a2ba rgb(7,162,186)
```
#08b2cd
```
#08b2cd rgb(8,178,205)
```
#09c3e0
```
#09c3e0 rgb(9,195,224)
```
#0ad3f3
```
#0ad3f3 rgb(10,211,243)
```

Shade Color Variation

#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#2ddbf7
```
#2ddbf7 rgb(45,219,247)
```
#40def7
```
#40def7 rgb(64,222,247)
```
#53e2f8
```
#53e2f8 rgb(83,226,248)
```
#65e5f9
```
#65e5f9 rgb(101,229,249)
```
#78e8fa
```
#78e8fa rgb(120,232,250)
```
#8bebfa
```
#8bebfa rgb(139,235,250)
```
#9eeffb
```
#9eeffb rgb(158,239,251)
```
#b1f2fc
```
#b1f2fc rgb(177,242,252)
```
#c4f5fd
```
#c4f5fd rgb(196,245,253)
```
#d7f8fd
```
#d7f8fd rgb(215,248,253)
```
#eafbfe
```
#eafbfe rgb(234,251,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f8f91
```
#7f8f91 rgb(127,143,145)
```
#76959a
```
#76959a rgb(118,149,154)
```
#6c9ca4
```
#6c9ca4 rgb(108,156,164)
```
#63a3ad
```
#63a3ad rgb(99,163,173)
```
#5aa9b6
```
#5aa9b6 rgb(90,169,182)
```
#51b0bf
```
#51b0bf rgb(81,176,191)
```
#48b7c8
```
#48b7c8 rgb(72,183,200)
```
#3fbdd1
```
#3fbdd1 rgb(63,189,209)
```
#35c4db
```
#35c4db rgb(53,196,219)
```
#2ccbe4
```
#2ccbe4 rgb(44,203,228)
```
#23d1ed
```
#23d1ed rgb(35,209,237)
```
#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#88aeb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c6ea Protanopia 1% of men
#bbc5fe Deuteranopia 1% of men
#00dbeb Tritanopia 0.001% of the population

Trichromacy

#83ccee Protanomaly 1% of men, 0.01% of women
#80ccfb Deuteranomaly 6% of men, 0.4% of women
#09daef Tritanomaly 0.01% of the population

#1ad8f6 hex color

#1ad8f6 Color Information

#1ad8f6 Color Conversion

Color Schemes with #1ad8f6

Alternatives to #1ad8f6

#1ad8f6 Preview

Shades and Tints of #1ad8f6

Tones of #1ad8f6

Color Blindness Simulator