#1d7efe hex color

In a RGB color space, hex #1d7efe is composed of 11.4% red, 49.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 50.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.1 degrees, a saturation of 99.1% and a lightness of 55.5%. #1d7efe color hex could be obtained by blending #3afcff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 49
- B 100
RGB color chart
- C 89
- M 50
- Y 0
- K 0
CMYK color chart

● #1d7efe color description : Vivid blue.

The hexadecimal color #1d7efe has RGB values of R:29, G:126, B:254 and CMYK values of C:0.89, M:0.5, Y:0, K:0. Its decimal value is 1933054.

Hex triplet	1d7efe	`#1d7efe`
RGB Decimal	29, 126, 254	`rgb(29,126,254)`
RGB Percent	11.4, 49.4, 99.6	`rgb(11.4%,49.4%,99.6%)`
CMYK	89, 50, 0, 0
HSL	214.1°, 99.1, 55.5	`hsl(214.1,99.1%,55.5%)`
HSV (or HSB)	214.1°, 88.6, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.382, 20.591, -70.901
XYZ	25.853, 22.336, 96.709
xyY	0.178, 0.154, 22.336
CIE-LCH	54.382, 73.831, 286.194
CIE-LUV	54.382, -27.569, -112.797
Hunter-Lab	47.261, 14.936, -88.24
Binary	00011101, 01111110, 11111110

#1d7efe
```
#1d7efe rgb(29,126,254)
```
#fe9d1d
```
#fe9d1d rgb(254,157,29)
```

Complementary Color

#1deffe
```
#1deffe rgb(29,239,254)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```
#2d1dfe
```
#2d1dfe rgb(45,29,254)
```

Analogous Color

#effe1d
```
#effe1d rgb(239,254,29)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```
#fe2d1d
```
#fe2d1d rgb(254,45,29)
```

Split Complementary Color

#7efe1d
```
#7efe1d rgb(126,254,29)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```
#fe1d7e
```
#fe1d7e rgb(254,29,126)
```

Triadic Color

#1dfe9d
```
#1dfe9d rgb(29,254,157)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```
#fe1d7e
```
#fe1d7e rgb(254,29,126)
```
#fe9d1d
```
#fe9d1d rgb(254,157,29)
```

Tetradic Color

#0159ce
```
#0159ce rgb(1,89,206)
```
#0164e7
```
#0164e7 rgb(1,100,231)
```
#0470fe
```
#0470fe rgb(4,112,254)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```
#368cfe
```
#368cfe rgb(54,140,254)
```
#509bfe
```
#509bfe rgb(80,155,254)
```
#69a9fe
```
#69a9fe rgb(105,169,254)
```

Monochromatic Color

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

#1db6fe
```
#1db6fe rgb(29,182,254)
```
#1da4fe
```
#1da4fe rgb(29,164,254)
```
#1d91fe
```
#1d91fe rgb(29,145,254)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```
#1d6bfe
```
#1d6bfe rgb(29,107,254)
```
#1d59fe
```
#1d59fe rgb(29,89,254)
```
#1d46fe
```
#1d46fe rgb(29,70,254)
```

Similar Colors

Text with hexadecimal color #1d7efe

This text has a font color of #1d7efe.

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

#1d7efe background color

This paragraph has a background color of #1d7efe.

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

#1d7efe border color

This element has a border color of #1d7efe.

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

CSS codes

.text {color:#1d7efe;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#000c1c
```
#000c1c rgb(0,12,28)
```
#00152f
```
#00152f rgb(0,21,47)
```
#001d43
```
#001d43 rgb(0,29,67)
```
#002556
```
#002556 rgb(0,37,86)
```
#002e6a
```
#002e6a rgb(0,46,106)
```
#01367e
```
#01367e rgb(1,54,126)
```
#013f91
```
#013f91 rgb(1,63,145)
```
#0147a5
```
#0147a5 rgb(1,71,165)
```
#0150b8
```
#0150b8 rgb(1,80,184)
```
#0158cc
```
#0158cc rgb(1,88,204)
```
#0161df
```
#0161df rgb(1,97,223)
```
#0169f3
```
#0169f3 rgb(1,105,243)
```

Shade Color Variation

#0973fe
```
#0973fe rgb(9,115,254)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```
#3189fe
```
#3189fe rgb(49,137,254)
```
#4494fe
```
#4494fe rgb(68,148,254)
```
#589ffe
```
#589ffe rgb(88,159,254)
```
#6babfe
```
#6babfe rgb(107,171,254)
```
#7fb6fe
```
#7fb6fe rgb(127,182,254)
```
#92c1ff
```
#92c1ff rgb(146,193,255)
```
#a6ccff
```
#a6ccff rgb(166,204,255)
```
#b9d7ff
```
#b9d7ff rgb(185,215,255)
```
#cde2ff
```
#cde2ff rgb(205,226,255)
```
#e0edff
```
#e0edff rgb(224,237,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#868c95
```
#868c95 rgb(134,140,149)
```
#7d8b9e
```
#7d8b9e rgb(125,139,158)
```
#748aa7
```
#748aa7 rgb(116,138,167)
```
#6c89af
```
#6c89af rgb(108,137,175)
```
#6388b8
```
#6388b8 rgb(99,136,184)
```
#5a86c1
```
#5a86c1 rgb(90,134,193)
```
#5185ca
```
#5185ca rgb(81,133,202)
```
#4984d2
```
#4984d2 rgb(73,132,210)
```
#4083db
```
#4083db rgb(64,131,219)
```
#3782e4
```
#3782e4 rgb(55,130,228)
```
#2e80ed
```
#2e80ed rgb(46,128,237)
```
#267ff5
```
#267ff5 rgb(38,127,245)
```
#1d7efe
```
#1d7efe rgb(29,126,254)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5f738c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d84fd Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#00969e Tritanopia 0.001% of the population

Trichromacy

#2782fd Protanomaly 1% of men, 0.01% of women
#0a86ed Deuteranomaly 6% of men, 0.4% of women
#0a8dc1 Tritanomaly 0.01% of the population

#1d7efe hex color

#1d7efe Color Information

#1d7efe Color Conversion

Color Schemes with #1d7efe

Alternatives to #1d7efe

#1d7efe Preview

Shades and Tints of #1d7efe

Tones of #1d7efe

Color Blindness Simulator