#1d4ff7 hex color

In a RGB color space, hex #1d4ff7 is composed of 11.4% red, 31% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 68% magenta, 0% yellow and 3.1% black. It has a hue angle of 226.2 degrees, a saturation of 93.2% and a lightness of 54.1%. #1d4ff7 color hex could be obtained by blending #3a9eff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 31
- B 97
RGB color chart
- C 88
- M 68
- Y 0
- K 3
CMYK color chart

● #1d4ff7 color description : Vivid blue.

The hexadecimal color #1d4ff7 has RGB values of R:29, G:79, B:247 and CMYK values of C:0.88, M:0.68, Y:0, K:0.03. Its decimal value is 1921015.

Hex triplet	1d4ff7	`#1d4ff7`
RGB Decimal	29, 79, 247	`rgb(29,79,247)`
RGB Percent	11.4, 31, 96.9	`rgb(11.4%,31%,96.9%)`
CMYK	88, 68, 0, 3
HSL	226.2°, 93.2, 54.1	`hsl(226.2,93.2%,54.1%)`
HSV (or HSB)	226.2°, 88.3, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.103, 47.383, -87.071
XYZ	20.088, 12.567, 89.358
xyY	0.165, 0.103, 12.567
CIE-LCH	42.103, 99.129, 298.555
CIE-LUV	42.103, -16.021, -126.468
Hunter-Lab	35.45, 39.11, -124.635
Binary	00011101, 01001111, 11110111

#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#f7c51d
```
#f7c51d rgb(247,197,29)
```

Complementary Color

#1dbcf7
```
#1dbcf7 rgb(29,188,247)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#581df7
```
#581df7 rgb(88,29,247)
```

Analogous Color

#bcf71d
```
#bcf71d rgb(188,247,29)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#f7581d
```
#f7581d rgb(247,88,29)
```

Split Complementary Color

#4ff71d
```
#4ff71d rgb(79,247,29)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#f71d4f
```
#f71d4f rgb(247,29,79)
```

Triadic Color

#1df7c5
```
#1df7c5 rgb(29,247,197)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#f71d4f
```
#f71d4f rgb(247,29,79)
```
#f7c51d
```
#f7c51d rgb(247,197,29)
```

Tetradic Color

#0731c1
```
#0731c1 rgb(7,49,193)
```
#0838d9
```
#0838d9 rgb(8,56,217)
```
#093ef2
```
#093ef2 rgb(9,62,242)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#3662f8
```
#3662f8 rgb(54,98,248)
```
#4e75f9
```
#4e75f9 rgb(78,117,249)
```
#6789fa
```
#6789fa rgb(103,137,250)
```

Monochromatic Color

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

#1d86f7
```
#1d86f7 rgb(29,134,247)
```
#1d73f7
```
#1d73f7 rgb(29,115,247)
```
#1d61f7
```
#1d61f7 rgb(29,97,247)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#1d3df7
```
#1d3df7 rgb(29,61,247)
```
#1d2bf7
```
#1d2bf7 rgb(29,43,247)
```
#211df7
```
#211df7 rgb(33,29,247)
```

Similar Colors

Text with hexadecimal color #1d4ff7

This text has a font color of #1d4ff7.

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

#1d4ff7 background color

This paragraph has a background color of #1d4ff7.

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

#1d4ff7 border color

This element has a border color of #1d4ff7.

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

CSS codes

.text {color:#1d4ff7;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010514
```
#010514 rgb(1,5,20)
```
#010a27
```
#010a27 rgb(1,10,39)
```
#020f3a
```
#020f3a rgb(2,15,58)
```
#03144d
```
#03144d rgb(3,20,77)
```
#031960
```
#031960 rgb(3,25,96)
```
#041e73
```
#041e73 rgb(4,30,115)
```
#052286
```
#052286 rgb(5,34,134)
```
#052799
```
#052799 rgb(5,39,153)
```
#062cac
```
#062cac rgb(6,44,172)
```
#0731bf
```
#0731bf rgb(7,49,191)
```
#0736d2
```
#0736d2 rgb(7,54,210)
```
#083be5
```
#083be5 rgb(8,59,229)
```

Shade Color Variation

#0a40f6
```
#0a40f6 rgb(10,64,246)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```
#305ef8
```
#305ef8 rgb(48,94,248)
```
#436df8
```
#436df8 rgb(67,109,248)
```
#567bf9
```
#567bf9 rgb(86,123,249)
```
#698afa
```
#698afa rgb(105,138,250)
```
#7c99fa
```
#7c99fa rgb(124,153,250)
```
#8fa8fb
```
#8fa8fb rgb(143,168,251)
```
#a2b6fc
```
#a2b6fc rgb(162,182,252)
```
#b5c5fc
```
#b5c5fc rgb(181,197,252)
```
#c8d4fd
```
#c8d4fd rgb(200,212,253)
```
#dae3fe
```
#dae3fe rgb(218,227,254)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```

Tint Color Variation

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

#89898b
```
#89898b rgb(137,137,139)
```
#808594
```
#808594 rgb(128,133,148)
```
#77809d
```
#77809d rgb(119,128,157)
```
#6e7ba6
```
#6e7ba6 rgb(110,123,166)
```
#6576af
```
#6576af rgb(101,118,175)
```
#5c71b8
```
#5c71b8 rgb(92,113,184)
```
#536cc1
```
#536cc1 rgb(83,108,193)
```
#4a67ca
```
#4a67ca rgb(74,103,202)
```
#4162d3
```
#4162d3 rgb(65,98,211)
```
#385edc
```
#385edc rgb(56,94,220)
```
#2f59e5
```
#2f59e5 rgb(47,89,229)
```
#2654ee
```
#2654ee rgb(38,84,238)
```
#1d4ff7
```
#1d4ff7 rgb(29,79,247)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#485274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#0a5fdb Protanomaly 1% of men, 0.01% of women
#0a63c9 Deuteranomaly 6% of men, 0.4% of women
#0a67a8 Tritanomaly 0.01% of the population

#1d4ff7 hex color

#1d4ff7 Color Information

#1d4ff7 Color Conversion

Color Schemes with #1d4ff7

Alternatives to #1d4ff7

#1d4ff7 Preview

Shades and Tints of #1d4ff7

Tones of #1d4ff7

Color Blindness Simulator