#1d5efd hex color

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

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

● #1d5efd color description : Vivid blue.

The hexadecimal color #1d5efd has RGB values of R:29, G:94, B:253 and CMYK values of C:0.89, M:0.63, Y:0, K:0.01. Its decimal value is 1924861.

Hex triplet	1d5efd	`#1d5efd`
RGB Decimal	29, 94, 253	`rgb(29,94,253)`
RGB Percent	11.4, 36.9, 99.2	`rgb(11.4%,36.9%,99.2%)`
CMYK	89, 63, 0, 1
HSL	222.6°, 98.2, 55.3	`hsl(222.6,98.2%,55.3%)`
HSV (or HSB)	222.6°, 88.5, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.119, 40.332, -83.818
XYZ	22.235, 15.357, 94.715
xyY	0.168, 0.116, 15.357
CIE-LCH	46.119, 93.017, 295.696
CIE-LUV	46.119, -19.264, -126.404
Hunter-Lab	39.188, 32.704, -115.871
Binary	00011101, 01011110, 11111101

#1d5efd
```
#1d5efd rgb(29,94,253)
```
#fdbc1d
```
#fdbc1d rgb(253,188,29)
```

Complementary Color

#1dcefd
```
#1dcefd rgb(29,206,253)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```
#4c1dfd
```
#4c1dfd rgb(76,29,253)
```

Analogous Color

#cefd1d
```
#cefd1d rgb(206,253,29)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```
#fd4c1d
```
#fd4c1d rgb(253,76,29)
```

Split Complementary Color

#5efd1d
```
#5efd1d rgb(94,253,29)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```
#fd1d5e
```
#fd1d5e rgb(253,29,94)
```

Triadic Color

#1dfdbc
```
#1dfdbc rgb(29,253,188)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```
#fd1d5e
```
#fd1d5e rgb(253,29,94)
```
#fdbc1d
```
#fdbc1d rgb(253,188,29)
```

Tetradic Color

#023ccc
```
#023ccc rgb(2,60,204)
```
#0244e5
```
#0244e5 rgb(2,68,229)
```
#044cfd
```
#044cfd rgb(4,76,253)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```
#3670fd
```
#3670fd rgb(54,112,253)
```
#5082fd
```
#5082fd rgb(80,130,253)
```
#6994fe
```
#6994fe rgb(105,148,254)
```

Monochromatic Color

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

#1d96fd
```
#1d96fd rgb(29,150,253)
```
#1d83fd
```
#1d83fd rgb(29,131,253)
```
#1d71fd
```
#1d71fd rgb(29,113,253)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```
#1d4bfd
```
#1d4bfd rgb(29,75,253)
```
#1d39fd
```
#1d39fd rgb(29,57,253)
```
#1d26fd
```
#1d26fd rgb(29,38,253)
```

Similar Colors

Text with hexadecimal color #1d5efd

This text has a font color of #1d5efd.

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

#1d5efd background color

This paragraph has a background color of #1d5efd.

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

#1d5efd border color

This element has a border color of #1d5efd.

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

CSS codes

.text {color:#1d5efd;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00081b
```
#00081b rgb(0,8,27)
```
#000e2e
```
#000e2e rgb(0,14,46)
```
#011342
```
#011342 rgb(1,19,66)
```
#011955
```
#011955 rgb(1,25,85)
```
#011f69
```
#011f69 rgb(1,31,105)
```
#01257c
```
#01257c rgb(1,37,124)
```
#012b8f
```
#012b8f rgb(1,43,143)
```
#0130a3
```
#0130a3 rgb(1,48,163)
```
#0236b6
```
#0236b6 rgb(2,54,182)
```
#023cca
```
#023cca rgb(2,60,202)
```
#0242dd
```
#0242dd rgb(2,66,221)
```
#0247f1
```
#0247f1 rgb(2,71,241)
```

Shade Color Variation

#0a50fd
```
#0a50fd rgb(10,80,253)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```
#306cfd
```
#306cfd rgb(48,108,253)
```
#447afd
```
#447afd rgb(68,122,253)
```
#5788fe
```
#5788fe rgb(87,136,254)
```
#6b95fe
```
#6b95fe rgb(107,149,254)
```
#7ea3fe
```
#7ea3fe rgb(126,163,254)
```
#92b1fe
```
#92b1fe rgb(146,177,254)
```
#a5bffe
```
#a5bffe rgb(165,191,254)
```
#b9cdfe
```
#b9cdfe rgb(185,205,254)
```
#ccdbff
```
#ccdbff rgb(204,219,255)
```
#dfe9ff
```
#dfe9ff rgb(223,233,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#868a94
```
#868a94 rgb(134,138,148)
```
#7d869d
```
#7d869d rgb(125,134,157)
```
#7583a5
```
#7583a5 rgb(117,131,165)
```
#6c7fae
```
#6c7fae rgb(108,127,174)
```
#637bb7
```
#637bb7 rgb(99,123,183)
```
#5a78c0
```
#5a78c0 rgb(90,120,192)
```
#5274c8
```
#5274c8 rgb(82,116,200)
```
#4970d1
```
#4970d1 rgb(73,112,209)
```
#406dda
```
#406dda rgb(64,109,218)
```
#3769e3
```
#3769e3 rgb(55,105,227)
```
#2f65eb
```
#2f65eb rgb(47,101,235)
```
#2662f4
```
#2662f4 rgb(38,98,244)
```
#1d5efd
```
#1d5efd rgb(29,94,253)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#505d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#0a6ae8 Protanomaly 1% of men, 0.01% of women
#0a6ed6 Deuteranomaly 6% of men, 0.4% of women
#0a73b1 Tritanomaly 0.01% of the population

#1d5efd hex color

#1d5efd Color Information

#1d5efd Color Conversion

Color Schemes with #1d5efd

Alternatives to #1d5efd

#1d5efd Preview

Shades and Tints of #1d5efd

Tones of #1d5efd

Color Blindness Simulator