#1d30f2 hex color

In a RGB color space, hex #1d30f2 is composed of 11.4% red, 18.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 80.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 234.6 degrees, a saturation of 89.1% and a lightness of 53.1%. #1d30f2 color hex could be obtained by blending #3a60ff with #0000e5. Closest websafe color is: #3333ff.

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

● #1d30f2 color description : Vivid blue.

The hexadecimal color #1d30f2 has RGB values of R:29, G:48, B:242 and CMYK values of C:0.88, M:0.8, Y:0, K:0.05. Its decimal value is 1913074.

Hex triplet	1d30f2	`#1d30f2`
RGB Decimal	29, 48, 242	`rgb(29,48,242)`
RGB Percent	11.4, 18.8, 94.9	`rgb(11.4%,18.8%,94.9%)`
CMYK	88, 80, 0, 5
HSL	234.6°, 89.1, 53.1	`hsl(234.6,89.1%,53.1%)`
HSV (or HSB)	234.6°, 88, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.566, 62.653, -95.08
XYZ	17.587, 8.785, 84.768
xyY	0.158, 0.079, 8.785
CIE-LCH	35.566, 113.867, 303.383
CIE-LUV	35.566, -10.893, -125.982
Hunter-Lab	29.639, 54.053, -148.825
Binary	00011101, 00110000, 11110010

#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#f2df1d
```
#f2df1d rgb(242,223,29)
```

Complementary Color

#1d9bf2
```
#1d9bf2 rgb(29,155,242)
```
#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#751df2
```
#751df2 rgb(117,29,242)
```

Analogous Color

#9bf21d
```
#9bf21d rgb(155,242,29)
```
#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#f2751d
```
#f2751d rgb(242,117,29)
```

Split Complementary Color

#30f21d
```
#30f21d rgb(48,242,29)
```
#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#f21d30
```
#f21d30 rgb(242,29,48)
```

Triadic Color

#1df2df
```
#1df2df rgb(29,242,223)
```
#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#f21d30
```
#f21d30 rgb(242,29,48)
```
#f2df1d
```
#f2df1d rgb(242,223,29)
```

Tetradic Color

#0b1ab8
```
#0b1ab8 rgb(11,26,184)
```
#0c1dd0
```
#0c1dd0 rgb(12,29,208)
```
#0d21e8
```
#0d21e8 rgb(13,33,232)
```
#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#3546f3
```
#3546f3 rgb(53,70,243)
```
#4d5cf5
```
#4d5cf5 rgb(77,92,245)
```
#6572f6
```
#6572f6 rgb(101,114,246)
```

Monochromatic Color

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

#1d65f2
```
#1d65f2 rgb(29,101,242)
```
#1d54f2
```
#1d54f2 rgb(29,84,242)
```
#1d42f2
```
#1d42f2 rgb(29,66,242)
```
#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#1d1ef2
```
#1d1ef2 rgb(29,30,242)
```
#2e1df2
```
#2e1df2 rgb(46,29,242)
```
#3f1df2
```
#3f1df2 rgb(63,29,242)
```

Similar Colors

Text with hexadecimal color #1d30f2

This text has a font color of #1d30f2.

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

#1d30f2 background color

This paragraph has a background color of #1d30f2.

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

#1d30f2 border color

This element has a border color of #1d30f2.

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

CSS codes

.text {color:#1d30f2;}

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

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

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, #01020f is the darkest color, while #fcfcff is the lightest one.

#01020f
```
#01020f rgb(1,2,15)
```
#020522
```
#020522 rgb(2,5,34)
```
#030734
```
#030734 rgb(3,7,52)
```
#040a47
```
#040a47 rgb(4,10,71)
```
#050d59
```
#050d59 rgb(5,13,89)
```
#060f6c
```
#060f6c rgb(6,15,108)
```
#07127e
```
#07127e rgb(7,18,126)
```
#081591
```
#081591 rgb(8,21,145)
```
#0917a4
```
#0917a4 rgb(9,23,164)
```
#0a1ab6
```
#0a1ab6 rgb(10,26,182)
```
#0c1cc9
```
#0c1cc9 rgb(12,28,201)
```
#0d1fdb
```
#0d1fdb rgb(13,31,219)
```
#0e22ee
```
#0e22ee rgb(14,34,238)
```

Shade Color Variation

#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#3041f3
```
#3041f3 rgb(48,65,243)
```
#4252f4
```
#4252f4 rgb(66,82,244)
```
#5563f5
```
#5563f5 rgb(85,99,245)
```
#6774f6
```
#6774f6 rgb(103,116,246)
```
#7a85f7
```
#7a85f7 rgb(122,133,247)
```
#8c96f8
```
#8c96f8 rgb(140,150,248)
```
#9fa7f9
```
#9fa7f9 rgb(159,167,249)
```
#b1b8fb
```
#b1b8fb rgb(177,184,251)
```
#c4c9fc
```
#c4c9fc rgb(196,201,252)
```
#d6dafd
```
#d6dafd rgb(214,218,253)
```
#e9ebfe
```
#e9ebfe rgb(233,235,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82838d is the less saturated color, while #1428fb is the most saturated one.

#82838d
```
#82838d rgb(130,131,141)
```
#797c96
```
#797c96 rgb(121,124,150)
```
#70749f
```
#70749f rgb(112,116,159)
```
#676ca8
```
#676ca8 rgb(103,108,168)
```
#5d65b2
```
#5d65b2 rgb(93,101,178)
```
#545dbb
```
#545dbb rgb(84,93,187)
```
#4b56c4
```
#4b56c4 rgb(75,86,196)
```
#424ecd
```
#424ecd rgb(66,78,205)
```
#3947d6
```
#3947d6 rgb(57,71,214)
```
#2f3fe0
```
#2f3fe0 rgb(47,63,224)
```
#2638e9
```
#2638e9 rgb(38,56,233)
```
#1d30f2
```
#1d30f2 rgb(29,48,242)
```
#1428fb
```
#1428fb rgb(20,40,251)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#393d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0a4ac7 Protanomaly 1% of men, 0.01% of women
#0a4eb7 Deuteranomaly 6% of men, 0.4% of women
#0a529b Tritanomaly 0.01% of the population

#1d30f2 hex color

#1d30f2 Color Information

#1d30f2 Color Conversion

Color Schemes with #1d30f2

Alternatives to #1d30f2

#1d30f2 Preview

Shades and Tints of #1d30f2

Tones of #1d30f2

Color Blindness Simulator