#1d4df2 hex color

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

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

● #1d4df2 color description : Vivid blue.

The hexadecimal color #1d4df2 has RGB values of R:29, G:77, B:242 and CMYK values of C:0.88, M:0.68, Y:0, K:0.05. Its decimal value is 1920498.

Hex triplet	1d4df2	`#1d4df2`
RGB Decimal	29, 77, 242	`rgb(29,77,242)`
RGB Percent	11.4, 30.2, 94.9	`rgb(11.4%,30.2%,94.9%)`
CMYK	88, 68, 0, 5
HSL	226.5°, 89.1, 53.1	`hsl(226.5,89.1%,53.1%)`
HSV (or HSB)	226.5°, 88, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.182, 46.824, -85.783
XYZ	19.184, 11.978, 85.3
xyY	0.165, 0.103, 11.978
CIE-LCH	41.182, 97.73, 298.627
CIE-LUV	41.182, -15.578, -123.817
Hunter-Lab	34.61, 38.377, -121.902
Binary	00011101, 01001101, 11110010

#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#f2c21d
```
#f2c21d rgb(242,194,29)
```

Complementary Color

#1db8f2
```
#1db8f2 rgb(29,184,242)
```
#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#581df2
```
#581df2 rgb(88,29,242)
```

Analogous Color

#b8f21d
```
#b8f21d rgb(184,242,29)
```
#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#f2581d
```
#f2581d rgb(242,88,29)
```

Split Complementary Color

#4df21d
```
#4df21d rgb(77,242,29)
```
#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#f21d4d
```
#f21d4d rgb(242,29,77)
```

Triadic Color

#1df2c2
```
#1df2c2 rgb(29,242,194)
```
#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#f21d4d
```
#f21d4d rgb(242,29,77)
```
#f2c21d
```
#f2c21d rgb(242,194,29)
```

Tetradic Color

#0b32b8
```
#0b32b8 rgb(11,50,184)
```
#0c38d0
```
#0c38d0 rgb(12,56,208)
```
#0d3fe8
```
#0d3fe8 rgb(13,63,232)
```
#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#3560f3
```
#3560f3 rgb(53,96,243)
```
#4d73f5
```
#4d73f5 rgb(77,115,245)
```
#6586f6
```
#6586f6 rgb(101,134,246)
```

Monochromatic Color

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

#1d82f2
```
#1d82f2 rgb(29,130,242)
```
#1d71f2
```
#1d71f2 rgb(29,113,242)
```
#1d5ff2
```
#1d5ff2 rgb(29,95,242)
```
#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#1d3bf2
```
#1d3bf2 rgb(29,59,242)
```
#1d2af2
```
#1d2af2 rgb(29,42,242)
```
#221df2
```
#221df2 rgb(34,29,242)
```

Similar Colors

Text with hexadecimal color #1d4df2

This text has a font color of #1d4df2.

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

#1d4df2 background color

This paragraph has a background color of #1d4df2.

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

#1d4df2 border color

This element has a border color of #1d4df2.

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

CSS codes

.text {color:#1d4df2;}

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

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

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

#01040f
```
#01040f rgb(1,4,15)
```
#020922
```
#020922 rgb(2,9,34)
```
#030e34
```
#030e34 rgb(3,14,52)
```
#041347
```
#041347 rgb(4,19,71)
```
#051859
```
#051859 rgb(5,24,89)
```
#061d6c
```
#061d6c rgb(6,29,108)
```
#07227e
```
#07227e rgb(7,34,126)
```
#082791
```
#082791 rgb(8,39,145)
```
#092ca4
```
#092ca4 rgb(9,44,164)
```
#0a31b6
```
#0a31b6 rgb(10,49,182)
```
#0c36c9
```
#0c36c9 rgb(12,54,201)
```
#0d3bdb
```
#0d3bdb rgb(13,59,219)
```
#0e40ee
```
#0e40ee rgb(14,64,238)
```

Shade Color Variation

#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#305cf3
```
#305cf3 rgb(48,92,243)
```
#426af4
```
#426af4 rgb(66,106,244)
```
#5579f5
```
#5579f5 rgb(85,121,245)
```
#6787f6
```
#6787f6 rgb(103,135,246)
```
#7a96f7
```
#7a96f7 rgb(122,150,247)
```
#8ca5f8
```
#8ca5f8 rgb(140,165,248)
```
#9fb3f9
```
#9fb3f9 rgb(159,179,249)
```
#b1c2fb
```
#b1c2fb rgb(177,194,251)
```
#c4d0fc
```
#c4d0fc rgb(196,208,252)
```
#d6dffd
```
#d6dffd rgb(214,223,253)
```
#e9eefe
```
#e9eefe rgb(233,238,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#82858d
```
#82858d rgb(130,133,141)
```
#797f96
```
#797f96 rgb(121,127,150)
```
#707a9f
```
#707a9f rgb(112,122,159)
```
#6775a8
```
#6775a8 rgb(103,117,168)
```
#5d70b2
```
#5d70b2 rgb(93,112,178)
```
#546bbb
```
#546bbb rgb(84,107,187)
```
#4b66c4
```
#4b66c4 rgb(75,102,196)
```
#4261cd
```
#4261cd rgb(66,97,205)
```
#395cd6
```
#395cd6 rgb(57,92,214)
```
#2f57e0
```
#2f57e0 rgb(47,87,224)
```
#2652e9
```
#2652e9 rgb(38,82,233)
```
#1d4df2
```
#1d4df2 rgb(29,77,242)
```
#1448fb
```
#1448fb rgb(20,72,251)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#475071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0a5dd6 Protanomaly 1% of men, 0.01% of women
#0a60c5 Deuteranomaly 6% of men, 0.4% of women
#0a65a5 Tritanomaly 0.01% of the population

#1d4df2 hex color

#1d4df2 Color Information

#1d4df2 Color Conversion

Color Schemes with #1d4df2

Alternatives to #1d4df2

#1d4df2 Preview

Shades and Tints of #1d4df2

Tones of #1d4df2

Color Blindness Simulator