#1ad5fd hex color

In a RGB color space, hex #1ad5fd is composed of 10.2% red, 83.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 15.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 190.6 degrees, a saturation of 98.3% and a lightness of 54.7%. #1ad5fd color hex could be obtained by blending #34ffff with #00abfb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 10
- G 84
- B 99
RGB color chart
- C 90
- M 16
- Y 0
- K 1
CMYK color chart

● #1ad5fd color description : Vivid cyan.

The hexadecimal color #1ad5fd has RGB values of R:26, G:213, B:253 and CMYK values of C:0.9, M:0.16, Y:0, K:0.01. Its decimal value is 1758717.

Hex triplet	1ad5fd	`#1ad5fd`
RGB Decimal	26, 213, 253	`rgb(26,213,253)`
RGB Percent	10.2, 83.5, 99.2	`rgb(10.2%,83.5%,99.2%)`
CMYK	90, 16, 0, 1
HSL	190.6°, 98.3, 54.7	`hsl(190.6,98.3%,54.7%)`
HSV (or HSB)	190.6°, 89.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.981, -28.73, -31.49
XYZ	41.945, 54.896, 101.308
xyY	0.212, 0.277, 54.896
CIE-LCH	78.981, 42.626, 227.624
CIE-LUV	78.981, -55.808, -47.036
Hunter-Lab	74.092, -28.608, -29.205
Binary	00011010, 11010101, 11111101

#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#fd421a
```
#fd421a rgb(253,66,26)
```

Complementary Color

#1afdb4
```
#1afdb4 rgb(26,253,180)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#1a63fd
```
#1a63fd rgb(26,99,253)
```

Analogous Color

#fdb41a
```
#fdb41a rgb(253,180,26)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#fd1a64
```
#fd1a64 rgb(253,26,100)
```

Split Complementary Color

#d5fd1a
```
#d5fd1a rgb(213,253,26)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#fd1ad5
```
#fd1ad5 rgb(253,26,213)
```

Triadic Color

#1afd42
```
#1afd42 rgb(26,253,66)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#fd1ad5
```
#fd1ad5 rgb(253,26,213)
```
#fd421a
```
#fd421a rgb(253,66,26)
```

Tetradic Color

#02a6c9
```
#02a6c9 rgb(2,166,201)
```
#02bbe2
```
#02bbe2 rgb(2,187,226)
```
#02cffb
```
#02cffb rgb(2,207,251)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#33dafd
```
#33dafd rgb(51,218,253)
```
#4ddefd
```
#4ddefd rgb(77,222,253)
```
#66e3fe
```
#66e3fe rgb(102,227,254)
```

Monochromatic Color

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

#1afdec
```
#1afdec rgb(26,253,236)
```
#1afbfd
```
#1afbfd rgb(26,251,253)
```
#1ae8fd
```
#1ae8fd rgb(26,232,253)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#1ac2fd
```
#1ac2fd rgb(26,194,253)
```
#1aaffd
```
#1aaffd rgb(26,175,253)
```
#1a9cfd
```
#1a9cfd rgb(26,156,253)
```

Similar Colors

Text with hexadecimal color #1ad5fd

This text has a font color of #1ad5fd.

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

#1ad5fd background color

This paragraph has a background color of #1ad5fd.

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

#1ad5fd border color

This element has a border color of #1ad5fd.

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

CSS codes

.text {color:#1ad5fd;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001418
```
#001418 rgb(0,20,24)
```
#00242b
```
#00242b rgb(0,36,43)
```
#01343f
```
#01343f rgb(1,52,63)
```
#014452
```
#014452 rgb(1,68,82)
```
#015466
```
#015466 rgb(1,84,102)
```
#016479
```
#016479 rgb(1,100,121)
```
#01748c
```
#01748c rgb(1,116,140)
```
#0184a0
```
#0184a0 rgb(1,132,160)
```
#0294b3
```
#0294b3 rgb(2,148,179)
```
#02a4c7
```
#02a4c7 rgb(2,164,199)
```
#02b4da
```
#02b4da rgb(2,180,218)
```
#02c4ee
```
#02c4ee rgb(2,196,238)
```

Shade Color Variation

#07d1fd
```
#07d1fd rgb(7,209,253)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```
#2dd9fd
```
#2dd9fd rgb(45,217,253)
```
#41dcfd
```
#41dcfd rgb(65,220,253)
```
#54e0fe
```
#54e0fe rgb(84,224,254)
```
#68e3fe
```
#68e3fe rgb(104,227,254)
```
#7be7fe
```
#7be7fe rgb(123,231,254)
```
#8feafe
```
#8feafe rgb(143,234,254)
```
#a2eefe
```
#a2eefe rgb(162,238,254)
```
#b6f2fe
```
#b6f2fe rgb(182,242,254)
```
#c9f5ff
```
#c9f5ff rgb(201,245,255)
```
#dcf9ff
```
#dcf9ff rgb(220,249,255)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#859092
```
#859092 rgb(133,144,146)
```
#7c969b
```
#7c969b rgb(124,150,155)
```
#739ba4
```
#739ba4 rgb(115,155,164)
```
#6aa1ad
```
#6aa1ad rgb(106,161,173)
```
#61a7b6
```
#61a7b6 rgb(97,167,182)
```
#58adbf
```
#58adbf rgb(88,173,191)
```
#4fb2c8
```
#4fb2c8 rgb(79,178,200)
```
#46b8d1
```
#46b8d1 rgb(70,184,209)
```
#3ebed9
```
#3ebed9 rgb(62,190,217)
```
#35c4e2
```
#35c4e2 rgb(53,196,226)
```
#2cc9eb
```
#2cc9eb rgb(44,201,235)
```
#23cff4
```
#23cff4 rgb(35,207,244)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#87acb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc4f1 Protanopia 1% of men
#b6c4ff Deuteranopia 1% of men
#00d9e9 Tritanopia 0.001% of the population

Trichromacy

#80caf5 Protanomaly 1% of men, 0.01% of women
#7dcafe Deuteranomaly 6% of men, 0.4% of women
#09d8f0 Tritanomaly 0.01% of the population

#1ad5fd hex color

#1ad5fd Color Information

#1ad5fd Color Conversion

Color Schemes with #1ad5fd

Alternatives to #1ad5fd

#1ad5fd Preview

Shades and Tints of #1ad5fd

Tones of #1ad5fd

Color Blindness Simulator