#1d63a5 hex color

In a RGB color space, hex #1d63a5 is composed of 11.4% red, 38.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 40% magenta, 0% yellow and 35.3% black. It has a hue angle of 209.1 degrees, a saturation of 70.1% and a lightness of 38%. #1d63a5 color hex could be obtained by blending #3ac6ff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 39
- B 65
RGB color chart
- C 82
- M 40
- Y 0
- K 35
CMYK color chart

● #1d63a5 color description : Dark blue.

The hexadecimal color #1d63a5 has RGB values of R:29, G:99, B:165 and CMYK values of C:0.82, M:0.4, Y:0, K:0.35. Its decimal value is 1926053.

Hex triplet	1d63a5	`#1d63a5`
RGB Decimal	29, 99, 165	`rgb(29,99,165)`
RGB Percent	11.4, 38.8, 64.7	`rgb(11.4%,38.8%,64.7%)`
CMYK	82, 40, 0, 35
HSL	209.1°, 70.1, 38	`hsl(209.1,70.1%,38%)`
HSV (or HSB)	209.1°, 82.4, 64.7
Web Safe	336699	`#336699`

CIE-LAB	41.058, 3.201, -41.532
XYZ	11.758, 11.901, 37.273
xyY	0.193, 0.195, 11.901
CIE-LCH	41.058, 41.655, 274.407
CIE-LUV	41.058, -22.493, -60.732
Hunter-Lab	34.497, 0.472, -39.912
Binary	00011101, 01100011, 10100101

#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#a55f1d
```
#a55f1d rgb(165,95,29)
```

Complementary Color

#1da5a3
```
#1da5a3 rgb(29,165,163)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#1d1fa5
```
#1d1fa5 rgb(29,31,165)
```

Analogous Color

#a5a31d
```
#a5a31d rgb(165,163,29)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#a51d1f
```
#a51d1f rgb(165,29,31)
```

Split Complementary Color

#63a51d
```
#63a51d rgb(99,165,29)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#a51d63
```
#a51d63 rgb(165,29,99)
```

Triadic Color

#1da55f
```
#1da55f rgb(29,165,95)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#a51d63
```
#a51d63 rgb(165,29,99)
```
#a55f1d
```
#a55f1d rgb(165,95,29)
```

Tetradic Color

#123c64
```
#123c64 rgb(18,60,100)
```
#15497a
```
#15497a rgb(21,73,122)
```
#19568f
```
#19568f rgb(25,86,143)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#2170bb
```
#2170bb rgb(33,112,187)
```
#257dd0
```
#257dd0 rgb(37,125,208)
```
#338adb
```
#338adb rgb(51,138,219)
```

Monochromatic Color

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

#1d85a5
```
#1d85a5 rgb(29,133,165)
```
#1d7aa5
```
#1d7aa5 rgb(29,122,165)
```
#1d6ea5
```
#1d6ea5 rgb(29,110,165)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#1d58a5
```
#1d58a5 rgb(29,88,165)
```
#1d4ca5
```
#1d4ca5 rgb(29,76,165)
```
#1d41a5
```
#1d41a5 rgb(29,65,165)
```

Similar Colors

Text with hexadecimal color #1d63a5

This text has a font color of #1d63a5.

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

#1d63a5 background color

This paragraph has a background color of #1d63a5.

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

#1d63a5 border color

This element has a border color of #1d63a5.

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

CSS codes

.text {color:#1d63a5;}

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

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

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

#03090f
```
#03090f rgb(3,9,15)
```
#061320
```
#061320 rgb(6,19,32)
```
#081d30
```
#081d30 rgb(8,29,48)
```
#0b2741
```
#0b2741 rgb(11,39,65)
```
#0e3152
```
#0e3152 rgb(14,49,82)
```
#113b62
```
#113b62 rgb(17,59,98)
```
#144573
```
#144573 rgb(20,69,115)
```
#174f84
```
#174f84 rgb(23,79,132)
```
#1a5994
```
#1a5994 rgb(26,89,148)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#206db6
```
#206db6 rgb(32,109,182)
```
#2377c6
```
#2377c6 rgb(35,119,198)
```
#2681d7
```
#2681d7 rgb(38,129,215)
```

Shade Color Variation

#358bdb
```
#358bdb rgb(53,139,219)
```
#4694de
```
#4694de rgb(70,148,222)
```
#569ee1
```
#569ee1 rgb(86,158,225)
```
#67a7e4
```
#67a7e4 rgb(103,167,228)
```
#78b1e7
```
#78b1e7 rgb(120,177,231)
```
#88bbea
```
#88bbea rgb(136,187,234)
```
#99c4ed
```
#99c4ed rgb(153,196,237)
```
#aacef0
```
#aacef0 rgb(170,206,240)
```
#bad8f3
```
#bad8f3 rgb(186,216,243)
```
#cbe1f6
```
#cbe1f6 rgb(203,225,246)
```
#dcebf9
```
#dcebf9 rgb(220,235,249)
```
#ecf4fc
```
#ecf4fc rgb(236,244,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606162 is the less saturated color, while #0764bb is the most saturated one.

#606162
```
#606162 rgb(96,97,98)
```
#596169
```
#596169 rgb(89,97,105)
```
#516171
```
#516171 rgb(81,97,113)
```
#4a6278
```
#4a6278 rgb(74,98,120)
```
#426280
```
#426280 rgb(66,98,128)
```
#3b6287
```
#3b6287 rgb(59,98,135)
```
#33628f
```
#33628f rgb(51,98,143)
```
#2c6396
```
#2c6396 rgb(44,99,150)
```
#24639e
```
#24639e rgb(36,99,158)
```
#1d63a5
```
#1d63a5 rgb(29,99,165)
```
#1663ac
```
#1663ac rgb(22,99,172)
```
#0e63b4
```
#0e63b4 rgb(14,99,180)
```
#0764bb
```
#0764bb rgb(7,100,187)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4b5966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c67a6 Protanopia 1% of men
#336aaa Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#3b65a5 Protanomaly 1% of men, 0.01% of women
#2b67a8 Deuteranomaly 6% of men, 0.4% of women
#0a6d8a Tritanomaly 0.01% of the population

#1d63a5 hex color

#1d63a5 Color Information

#1d63a5 Color Conversion

Color Schemes with #1d63a5

Alternatives to #1d63a5

#1d63a5 Preview

Shades and Tints of #1d63a5

Tones of #1d63a5

Color Blindness Simulator