colorhexa.com

#1daefd hex color

In a RGB color space, hex #1daefd is composed of 11.4% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.2 degrees, a saturation of 98.2% and a lightness of 55.3%. #1daefd color hex could be obtained by blending #3affff with #005dfb. Closest websafe color is: #3399ff.

- R 11
- G 68
- B 99
RGB color chart
- C 89
- M 31
- Y 0
- K 1
CMYK color chart

● #1daefd color description : Vivid blue.

The hexadecimal color #1daefd has RGB values of R:29, G:174, B:253 and CMYK values of C:0.89, M:0.31, Y:0, K:0.01. Its decimal value is 1945341.

Hex triplet	1daefd	`#1daefd`
RGB Decimal	29, 174, 253	`rgb(29,174,253)`
RGB Percent	11.4, 68.2, 99.2	`rgb(11.4%,68.2%,99.2%)`
CMYK	89, 31, 0, 1
HSL	201.2°, 98.2, 55.3	`hsl(201.2,98.2%,55.3%)`
HSV (or HSB)	201.2°, 88.5, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.741, -8.23, -49
XYZ	33.368, 37.622, 98.426
xyY	0.197, 0.222, 37.622
CIE-LCH	67.741, 49.686, 260.465
CIE-LUV	67.741, -42.598, -78.515
Hunter-Lab	61.337, -10.233, -52.206
Binary	00011101, 10101110, 11111101

#1daefd
```
#1daefd rgb(29,174,253)
```
#fd6c1d
```
#fd6c1d rgb(253,108,29)
```

Complementary Color

#1dfddc
```
#1dfddc rgb(29,253,220)
```
#1daefd
```
#1daefd rgb(29,174,253)
```
#1d3efd
```
#1d3efd rgb(29,62,253)
```

Analogous Color

#fddc1d
```
#fddc1d rgb(253,220,29)
```
#1daefd
```
#1daefd rgb(29,174,253)
```
#fd1d3e
```
#fd1d3e rgb(253,29,62)
```

Split Complementary Color

#aefd1d
```
#aefd1d rgb(174,253,29)
```
#1daefd
```
#1daefd rgb(29,174,253)
```
#fd1dae
```
#fd1dae rgb(253,29,174)
```

Triadic Color

#1dfd6c
```
#1dfd6c rgb(29,253,108)
```
#1daefd
```
#1daefd rgb(29,174,253)
```
#fd1dae
```
#fd1dae rgb(253,29,174)
```
#fd6c1d
```
#fd6c1d rgb(253,108,29)
```

Tetradic Color

#0284cc
```
#0284cc rgb(2,132,204)
```
#0295e5
```
#0295e5 rgb(2,149,229)
```
#04a5fd
```
#04a5fd rgb(4,165,253)
```
#1daefd
```
#1daefd rgb(29,174,253)
```
#36b7fd
```
#36b7fd rgb(54,183,253)
```
#50c0fd
```
#50c0fd rgb(80,192,253)
```
#69c9fe
```
#69c9fe rgb(105,201,254)
```

Monochromatic Color

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

#1de6fd
```
#1de6fd rgb(29,230,253)
```
#1dd3fd
```
#1dd3fd rgb(29,211,253)
```
#1dc1fd
```
#1dc1fd rgb(29,193,253)
```
#1daefd
```
#1daefd rgb(29,174,253)
```
#1d9bfd
```
#1d9bfd rgb(29,155,253)
```
#1d89fd
```
#1d89fd rgb(29,137,253)
```
#1d76fd
```
#1d76fd rgb(29,118,253)
```

Similar Colors

Text with hexadecimal color #1daefd

This text has a font color of #1daefd.

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

#1daefd background color

This paragraph has a background color of #1daefd.

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

#1daefd border color

This element has a border color of #1daefd.

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

CSS codes

.text {color:#1daefd;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00111b
```
#00111b rgb(0,17,27)
```
#001e2e
```
#001e2e rgb(0,30,46)
```
#012b42
```
#012b42 rgb(1,43,66)
```
#013755
```
#013755 rgb(1,55,85)
```
#014469
```
#014469 rgb(1,68,105)
```
#01517c
```
#01517c rgb(1,81,124)
```
#015d8f
```
#015d8f rgb(1,93,143)
```
#016aa3
```
#016aa3 rgb(1,106,163)
```
#0277b6
```
#0277b6 rgb(2,119,182)
```
#0283ca
```
#0283ca rgb(2,131,202)
```
#0290dd
```
#0290dd rgb(2,144,221)
```
#029df1
```
#029df1 rgb(2,157,241)
```

Shade Color Variation

#0aa7fd
```
#0aa7fd rgb(10,167,253)
```
#1daefd
```
#1daefd rgb(29,174,253)
```
#30b5fd
```
#30b5fd rgb(48,181,253)
```
#44bcfd
```
#44bcfd rgb(68,188,253)
```
#57c3fe
```
#57c3fe rgb(87,195,254)
```
#6bcafe
```
#6bcafe rgb(107,202,254)
```
#7ed1fe
```
#7ed1fe rgb(126,209,254)
```
#92d8fe
```
#92d8fe rgb(146,216,254)
```
#a5dffe
```
#a5dffe rgb(165,223,254)
```
#b9e6fe
```
#b9e6fe rgb(185,230,254)
```
#ccedff
```
#ccedff rgb(204,237,255)
```
#dff4ff
```
#dff4ff rgb(223,244,255)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

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

#868f94
```
#868f94 rgb(134,143,148)
```
#7d929d
```
#7d929d rgb(125,146,157)
```
#7594a5
```
#7594a5 rgb(117,148,165)
```
#6c97ae
```
#6c97ae rgb(108,151,174)
```
#6399b7
```
#6399b7 rgb(99,153,183)
```
#5a9cc0
```
#5a9cc0 rgb(90,156,192)
```
#529ec8
```
#529ec8 rgb(82,158,200)
```
#49a1d1
```
#49a1d1 rgb(73,161,209)
```
#40a4da
```
#40a4da rgb(64,164,218)
```
#37a6e3
```
#37a6e3 rgb(55,166,227)
```
#2fa9eb
```
#2fa9eb rgb(47,169,235)
```
#26abf4
```
#26abf4 rgb(38,171,244)
```
#1daefd
```
#1daefd rgb(29,174,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7693a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f4 Protanopia 1% of men
#77a9ff Deuteranopia 1% of men
#00bac6 Tritanopia 0.001% of the population

Trichromacy

#64a9f7 Protanomaly 1% of men, 0.01% of women
#56abfe Deuteranomaly 6% of men, 0.4% of women
#0ab5da Tritanomaly 0.01% of the population