#1d30f6 hex color

In a RGB color space, hex #1d30f6 is composed of 11.4% red, 18.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 80.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 234.7 degrees, a saturation of 92.3% and a lightness of 53.9%. #1d30f6 color hex could be obtained by blending #3a60ff with #0000ed. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 11
- G 19
- B 96
RGB color chart
- C 88
- M 80
- Y 0
- K 4
CMYK color chart

● #1d30f6 color description : Vivid blue.

The hexadecimal color #1d30f6 has RGB values of R:29, G:48, B:246 and CMYK values of C:0.88, M:0.8, Y:0, K:0.04. Its decimal value is 1913078.

Hex triplet	1d30f6	`#1d30f6`
RGB Decimal	29, 48, 246	`rgb(29,48,246)`
RGB Percent	11.4, 18.8, 96.5	`rgb(11.4%,18.8%,96.5%)`
CMYK	88, 80, 0, 4
HSL	234.7°, 92.3, 53.9	`hsl(234.7,92.3%,53.9%)`
HSV (or HSB)	234.7°, 88.2, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.037, 63.866, -96.554
XYZ	18.195, 9.028, 87.967
xyY	0.158, 0.078, 9.028
CIE-LCH	36.037, 115.765, 303.483
CIE-LUV	36.037, -11.02, -128.241
Hunter-Lab	30.046, 55.514, -152.555
Binary	00011101, 00110000, 11110110

#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#f6e31d
```
#f6e31d rgb(246,227,29)
```

Complementary Color

#1d9df6
```
#1d9df6 rgb(29,157,246)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#771df6
```
#771df6 rgb(119,29,246)
```

Analogous Color

#9df61d
```
#9df61d rgb(157,246,29)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#f6771d
```
#f6771d rgb(246,119,29)
```

Split Complementary Color

#30f61d
```
#30f61d rgb(48,246,29)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#f61d30
```
#f61d30 rgb(246,29,48)
```

Triadic Color

#1df6e3
```
#1df6e3 rgb(29,246,227)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#f61d30
```
#f61d30 rgb(246,29,48)
```
#f6e31d
```
#f6e31d rgb(246,227,29)
```

Tetradic Color

#0818bf
```
#0818bf rgb(8,24,191)
```
#091bd7
```
#091bd7 rgb(9,27,215)
```
#0a1ef0
```
#0a1ef0 rgb(10,30,240)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#3646f7
```
#3646f7 rgb(54,70,247)
```
#4e5df8
```
#4e5df8 rgb(78,93,248)
```
#6773f9
```
#6773f9 rgb(103,115,249)
```

Monochromatic Color

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

#1d66f6
```
#1d66f6 rgb(29,102,246)
```
#1d54f6
```
#1d54f6 rgb(29,84,246)
```
#1d42f6
```
#1d42f6 rgb(29,66,246)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#1d1ef6
```
#1d1ef6 rgb(29,30,246)
```
#2e1df6
```
#2e1df6 rgb(46,29,246)
```
#401df6
```
#401df6 rgb(64,29,246)
```

Similar Colors

Text with hexadecimal color #1d30f6

This text has a font color of #1d30f6.

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

#1d30f6 background color

This paragraph has a background color of #1d30f6.

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

#1d30f6 border color

This element has a border color of #1d30f6.

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

CSS codes

.text {color:#1d30f6;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010213
```
#010213 rgb(1,2,19)
```
#020526
```
#020526 rgb(2,5,38)
```
#020739
```
#020739 rgb(2,7,57)
```
#03094c
```
#03094c rgb(3,9,76)
```
#040c5f
```
#040c5f rgb(4,12,95)
```
#050e72
```
#050e72 rgb(5,14,114)
```
#051084
```
#051084 rgb(5,16,132)
```
#061397
```
#061397 rgb(6,19,151)
```
#0715aa
```
#0715aa rgb(7,21,170)
```
#0817bd
```
#0817bd rgb(8,23,189)
```
#081ad0
```
#081ad0 rgb(8,26,208)
```
#091ce3
```
#091ce3 rgb(9,28,227)
```

Shade Color Variation

#0a1ff5
```
#0a1ff5 rgb(10,31,245)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```
#3041f7
```
#3041f7 rgb(48,65,247)
```
#4353f8
```
#4353f8 rgb(67,83,248)
```
#5664f8
```
#5664f8 rgb(86,100,248)
```
#6875f9
```
#6875f9 rgb(104,117,249)
```
#7b86fa
```
#7b86fa rgb(123,134,250)
```
#8e98fb
```
#8e98fb rgb(142,152,251)
```
#a1a9fb
```
#a1a9fb rgb(161,169,251)
```
#b4bafc
```
#b4bafc rgb(180,186,252)
```
#c7ccfd
```
#c7ccfd rgb(199,204,253)
```
#daddfe
```
#daddfe rgb(218,221,254)
```
#edeefe
```
#edeefe rgb(237,238,254)
```

Tint Color Variation

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

#89898a
```
#89898a rgb(137,137,138)
```
#808293
```
#808293 rgb(128,130,147)
```
#777b9c
```
#777b9c rgb(119,123,156)
```
#6e73a5
```
#6e73a5 rgb(110,115,165)
```
#656cae
```
#656cae rgb(101,108,174)
```
#5c64b7
```
#5c64b7 rgb(92,100,183)
```
#535dc0
```
#535dc0 rgb(83,93,192)
```
#4a55c9
```
#4a55c9 rgb(74,85,201)
```
#414ed2
```
#414ed2 rgb(65,78,210)
```
#3846db
```
#3846db rgb(56,70,219)
```
#2f3fe4
```
#2f3fe4 rgb(47,63,228)
```
#2637ed
```
#2637ed rgb(38,55,237)
```
#1d30f6
```
#1d30f6 rgb(29,48,246)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a3e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00676b Tritanopia 0.001% of the population

Trichromacy

#0a4bc9 Protanomaly 1% of men, 0.01% of women
#0a4eba Deuteranomaly 6% of men, 0.4% of women
#0a539d Tritanomaly 0.01% of the population

#1d30f6 hex color

#1d30f6 Color Information

#1d30f6 Color Conversion

Color Schemes with #1d30f6

Alternatives to #1d30f6

#1d30f6 Preview

Shades and Tints of #1d30f6

Tones of #1d30f6

Color Blindness Simulator