#1d6dfd hex color

In a RGB color space, hex #1d6dfd is composed of 11.4% red, 42.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 56.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 218.6 degrees, a saturation of 98.2% and a lightness of 55.3%. #1d6dfd color hex could be obtained by blending #3adaff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 43
- B 99
RGB color chart
- C 89
- M 57
- Y 0
- K 1
CMYK color chart

● #1d6dfd color description : Vivid blue.

The hexadecimal color #1d6dfd has RGB values of R:29, G:109, B:253 and CMYK values of C:0.89, M:0.57, Y:0, K:0.01. Its decimal value is 1928701.

Hex triplet	1d6dfd	`#1d6dfd`
RGB Decimal	29, 109, 253	`rgb(29,109,253)`
RGB Percent	11.4, 42.7, 99.2	`rgb(11.4%,42.7%,99.2%)`
CMYK	89, 57, 0, 1
HSL	218.6°, 98.2, 55.3	`hsl(218.6,98.2%,55.3%)`
HSV (or HSB)	218.6°, 88.5, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.844, 30.902, -77.723
XYZ	23.701, 18.288, 95.204
xyY	0.173, 0.133, 18.288
CIE-LCH	49.844, 83.641, 291.682
CIE-LUV	49.844, -22.94, -120.731
Hunter-Lab	42.765, 24.09, -102.057
Binary	00011101, 01101101, 11111101

#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#fdad1d
```
#fdad1d rgb(253,173,29)
```

Complementary Color

#1dddfd
```
#1dddfd rgb(29,221,253)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#3d1dfd
```
#3d1dfd rgb(61,29,253)
```

Analogous Color

#ddfd1d
```
#ddfd1d rgb(221,253,29)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#fd3d1d
```
#fd3d1d rgb(253,61,29)
```

Split Complementary Color

#6dfd1d
```
#6dfd1d rgb(109,253,29)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#fd1d6d
```
#fd1d6d rgb(253,29,109)
```

Triadic Color

#1dfdad
```
#1dfdad rgb(29,253,173)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#fd1d6d
```
#fd1d6d rgb(253,29,109)
```
#fdad1d
```
#fdad1d rgb(253,173,29)
```

Tetradic Color

#024acc
```
#024acc rgb(2,74,204)
```
#0253e5
```
#0253e5 rgb(2,83,229)
```
#045dfd
```
#045dfd rgb(4,93,253)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#367dfd
```
#367dfd rgb(54,125,253)
```
#508efd
```
#508efd rgb(80,142,253)
```
#699efe
```
#699efe rgb(105,158,254)
```

Monochromatic Color

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

#1da5fd
```
#1da5fd rgb(29,165,253)
```
#1d92fd
```
#1d92fd rgb(29,146,253)
```
#1d80fd
```
#1d80fd rgb(29,128,253)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#1d5afd
```
#1d5afd rgb(29,90,253)
```
#1d48fd
```
#1d48fd rgb(29,72,253)
```
#1d35fd
```
#1d35fd rgb(29,53,253)
```

Similar Colors

Text with hexadecimal color #1d6dfd

This text has a font color of #1d6dfd.

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

#1d6dfd background color

This paragraph has a background color of #1d6dfd.

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

#1d6dfd border color

This element has a border color of #1d6dfd.

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

CSS codes

.text {color:#1d6dfd;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000a1b
```
#000a1b rgb(0,10,27)
```
#00112e
```
#00112e rgb(0,17,46)
```
#011842
```
#011842 rgb(1,24,66)
```
#011f55
```
#011f55 rgb(1,31,85)
```
#012669
```
#012669 rgb(1,38,105)
```
#012d7c
```
#012d7c rgb(1,45,124)
```
#01348f
```
#01348f rgb(1,52,143)
```
#013ba3
```
#013ba3 rgb(1,59,163)
```
#0242b6
```
#0242b6 rgb(2,66,182)
```
#0249ca
```
#0249ca rgb(2,73,202)
```
#0250dd
```
#0250dd rgb(2,80,221)
```
#0257f1
```
#0257f1 rgb(2,87,241)
```

Shade Color Variation

#0a60fd
```
#0a60fd rgb(10,96,253)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```
#307afd
```
#307afd rgb(48,122,253)
```
#4486fd
```
#4486fd rgb(68,134,253)
```
#5793fe
```
#5793fe rgb(87,147,254)
```
#6b9ffe
```
#6b9ffe rgb(107,159,254)
```
#7eacfe
```
#7eacfe rgb(126,172,254)
```
#92b8fe
```
#92b8fe rgb(146,184,254)
```
#a5c5fe
```
#a5c5fe rgb(165,197,254)
```
#b9d1fe
```
#b9d1fe rgb(185,209,254)
```
#ccdeff
```
#ccdeff rgb(204,222,255)
```
#dfebff
```
#dfebff rgb(223,235,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#868b94
```
#868b94 rgb(134,139,148)
```
#7d899d
```
#7d899d rgb(125,137,157)
```
#7586a5
```
#7586a5 rgb(117,134,165)
```
#6c84ae
```
#6c84ae rgb(108,132,174)
```
#6381b7
```
#6381b7 rgb(99,129,183)
```
#5a7fc0
```
#5a7fc0 rgb(90,127,192)
```
#527cc8
```
#527cc8 rgb(82,124,200)
```
#497ad1
```
#497ad1 rgb(73,122,209)
```
#4077da
```
#4077da rgb(64,119,218)
```
#3775e3
```
#3775e3 rgb(55,117,227)
```
#2f72eb
```
#2f72eb rgb(47,114,235)
```
#2670f4
```
#2670f4 rgb(38,112,244)
```
#1d6dfd
```
#1d6dfd rgb(29,109,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#576783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008a91 Tritanopia 0.001% of the population

Trichromacy

#0a75f3 Protanomaly 1% of men, 0.01% of women
#0a79e0 Deuteranomaly 6% of men, 0.4% of women
#0a7fb8 Tritanomaly 0.01% of the population

#1d6dfd hex color

#1d6dfd Color Information

#1d6dfd Color Conversion

Color Schemes with #1d6dfd

Alternatives to #1d6dfd

#1d6dfd Preview

Shades and Tints of #1d6dfd

Tones of #1d6dfd

Color Blindness Simulator