colorhexa.com

#1d69e5 hex color

In a RGB color space, hex #1d69e5 is composed of 11.4% red, 41.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 54.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 217.2 degrees, a saturation of 79.4% and a lightness of 50.6%. #1d69e5 color hex could be obtained by blending #3ad2ff with #0000cb. Closest websafe color is: #3366cc.

- R 11
- G 41
- B 90
RGB color chart
- C 87
- M 54
- Y 0
- K 10
CMYK color chart

● #1d69e5 color description : Vivid blue.

The hexadecimal color #1d69e5 has RGB values of R:29, G:105, B:229 and CMYK values of C:0.87, M:0.54, Y:0, K:0.1. Its decimal value is 1927653.

Hex triplet	1d69e5	`#1d69e5`
RGB Decimal	29, 105, 229	`rgb(29,105,229)`
RGB Percent	11.4, 41.2, 89.8	`rgb(11.4%,41.2%,89.8%)`
CMYK	87, 54, 0, 10
HSL	217.2°, 79.4, 50.6	`hsl(217.2,79.4%,50.6%)`
HSV (or HSB)	217.2°, 87.3, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.001, 24.337, -68.928
XYZ	19.698, 16.02, 76.178
xyY	0.176, 0.143, 16.02
CIE-LCH	47.001, 73.099, 289.447
CIE-LUV	47.001, -22.336, -105.832
Hunter-Lab	40.025, 17.805, -84.828
Binary	00011101, 01101001, 11100101

#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#e5991d
```
#e5991d rgb(229,153,29)
```

Complementary Color

#1dcde5
```
#1dcde5 rgb(29,205,229)
```
#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#351de5
```
#351de5 rgb(53,29,229)
```

Analogous Color

#cde51d
```
#cde51d rgb(205,229,29)
```
#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#e5351d
```
#e5351d rgb(229,53,29)
```

Split Complementary Color

#69e51d
```
#69e51d rgb(105,229,29)
```
#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#e51d69
```
#e51d69 rgb(229,29,105)
```

Triadic Color

#1de599
```
#1de599 rgb(29,229,153)
```
#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#e51d69
```
#e51d69 rgb(229,29,105)
```
#e5991d
```
#e5991d rgb(229,153,29)
```

Tetradic Color

#1349a3
```
#1349a3 rgb(19,73,163)
```
#1554ba
```
#1554ba rgb(21,84,186)
```
#185ed1
```
#185ed1 rgb(24,94,209)
```
#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#3478e8
```
#3478e8 rgb(52,120,232)
```
#4b87ea
```
#4b87ea rgb(75,135,234)
```
#6297ed
```
#6297ed rgb(98,151,237)
```

Monochromatic Color

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

#1d9be5
```
#1d9be5 rgb(29,155,229)
```
#1d8ae5
```
#1d8ae5 rgb(29,138,229)
```
#1d7ae5
```
#1d7ae5 rgb(29,122,229)
```
#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#1d58e5
```
#1d58e5 rgb(29,88,229)
```
#1d48e5
```
#1d48e5 rgb(29,72,229)
```
#1d37e5
```
#1d37e5 rgb(29,55,229)
```

Similar Colors

Text with hexadecimal color #1d69e5

This text has a font color of #1d69e5.

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

#1d69e5 background color

This paragraph has a background color of #1d69e5.

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

#1d69e5 border color

This element has a border color of #1d69e5.

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

CSS codes

.text {color:#1d69e5;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020914
```
#020914 rgb(2,9,20)
```
#041126
```
#041126 rgb(4,17,38)
```
#061937
```
#061937 rgb(6,25,55)
```
#082149
```
#082149 rgb(8,33,73)
```
#0a295b
```
#0a295b rgb(10,41,91)
```
#0c316c
```
#0c316c rgb(12,49,108)
```
#0e397e
```
#0e397e rgb(14,57,126)
```
#11418f
```
#11418f rgb(17,65,143)
```
#1349a1
```
#1349a1 rgb(19,73,161)
```
#1551b3
```
#1551b3 rgb(21,81,179)
```
#1759c4
```
#1759c4 rgb(23,89,196)
```
#1960d6
```
#1960d6 rgb(25,96,214)
```

Shade Color Variation

#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#2f75e7
```
#2f75e7 rgb(47,117,231)
```
#4080e9
```
#4080e9 rgb(64,128,233)
```
#528ceb
```
#528ceb rgb(82,140,235)
```
#6398ed
```
#6398ed rgb(99,152,237)
```
#75a3ef
```
#75a3ef rgb(117,163,239)
```
#87aff1
```
#87aff1 rgb(135,175,241)
```
#98bbf3
```
#98bbf3 rgb(152,187,243)
```
#aac6f5
```
#aac6f5 rgb(170,198,245)
```
#bbd2f7
```
#bbd2f7 rgb(187,210,247)
```
#cddef9
```
#cddef9 rgb(205,222,249)
```
#dfe9fb
```
#dfe9fb rgb(223,233,251)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8084 is the less saturated color, while #0a64f8 is the most saturated one.

#7e8084
```
#7e8084 rgb(126,128,132)
```
#747e8e
```
#747e8e rgb(116,126,142)
```
#6b7c97
```
#6b7c97 rgb(107,124,151)
```
#6179a1
```
#6179a1 rgb(97,121,161)
```
#5777ab
```
#5777ab rgb(87,119,171)
```
#4d75b5
```
#4d75b5 rgb(77,117,181)
```
#4472be
```
#4472be rgb(68,114,190)
```
#3a70c8
```
#3a70c8 rgb(58,112,200)
```
#306ed2
```
#306ed2 rgb(48,110,210)
```
#276bdb
```
#276bdb rgb(39,107,219)
```
#1d69e5
```
#1d69e5 rgb(29,105,229)
```
#1367ef
```
#1367ef rgb(19,103,239)
```
#0a64f8
```
#0a64f8 rgb(10,100,248)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#53627b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0a6fe3 Protanomaly 1% of men, 0.01% of women
#0a73d1 Deuteranomaly 6% of men, 0.4% of women
#0a79ab Tritanomaly 0.01% of the population