#2d63ae hex color

In a RGB color space, hex #2d63ae is composed of 17.6% red, 38.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 43.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 214.9 degrees, a saturation of 58.9% and a lightness of 42.9%. #2d63ae color hex could be obtained by blending #5ac6ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 39
- B 68
RGB color chart
- C 74
- M 43
- Y 0
- K 32
CMYK color chart

● #2d63ae color description : Dark blue.

The hexadecimal color #2d63ae has RGB values of R:45, G:99, B:174 and CMYK values of C:0.74, M:0.43, Y:0, K:0.32. Its decimal value is 2974638.

Hex triplet	2d63ae	`#2d63ae`
RGB Decimal	45, 99, 174	`rgb(45,99,174)`
RGB Percent	17.6, 38.8, 68.2	`rgb(17.6%,38.8%,68.2%)`
CMYK	74, 43, 0, 32
HSL	214.9°, 58.9, 42.9	`hsl(214.9,58.9%,42.9%)`
HSV (or HSB)	214.9°, 74.1, 68.2
Web Safe	336699	`#336699`

CIE-LAB	42.057, 8.57, -45.221
XYZ	13.182, 12.537, 41.767
xyY	0.195, 0.186, 12.537
CIE-LCH	42.057, 46.026, 280.731
CIE-LUV	42.057, -19.878, -67.138
Hunter-Lab	35.407, 4.495, -45.155
Binary	00101101, 01100011, 10101110

#2d63ae
```
#2d63ae rgb(45,99,174)
```
#ae782d
```
#ae782d rgb(174,120,45)
```

Complementary Color

#2da4ae
```
#2da4ae rgb(45,164,174)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#372dae
```
#372dae rgb(55,45,174)
```

Analogous Color

#a4ae2d
```
#a4ae2d rgb(164,174,45)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#ae372d
```
#ae372d rgb(174,55,45)
```

Split Complementary Color

#63ae2d
```
#63ae2d rgb(99,174,45)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#ae2d63
```
#ae2d63 rgb(174,45,99)
```

Triadic Color

#2dae78
```
#2dae78 rgb(45,174,120)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#ae2d63
```
#ae2d63 rgb(174,45,99)
```
#ae782d
```
#ae782d rgb(174,120,45)
```

Tetradic Color

#1d4071
```
#1d4071 rgb(29,64,113)
```
#234c85
```
#234c85 rgb(35,76,133)
```
#28579a
```
#28579a rgb(40,87,154)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#326fc2
```
#326fc2 rgb(50,111,194)
```
#407bce
```
#407bce rgb(64,123,206)
```
#5589d3
```
#5589d3 rgb(85,137,211)
```

Monochromatic Color

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

#2d83ae
```
#2d83ae rgb(45,131,174)
```
#2d79ae
```
#2d79ae rgb(45,121,174)
```
#2d6eae
```
#2d6eae rgb(45,110,174)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#2d58ae
```
#2d58ae rgb(45,88,174)
```
#2d4eae
```
#2d4eae rgb(45,78,174)
```
#2d43ae
```
#2d43ae rgb(45,67,174)
```

Similar Colors

Text with hexadecimal color #2d63ae

This text has a font color of #2d63ae.

<span style="color:#2d63ae;">Text here</span>

#2d63ae background color

This paragraph has a background color of #2d63ae.

<p style="background-color:#2d63ae;">Content here</p>

#2d63ae border color

This element has a border color of #2d63ae.

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

CSS codes

.text {color:#2d63ae;}

.background {background-color:#2d63ae;}

.border {border:1px solid #2d63ae;}

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

#010103
```
#010103 rgb(1,1,3)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#091322
```
#091322 rgb(9,19,34)
```
#0d1c31
```
#0d1c31 rgb(13,28,49)
```
#112541
```
#112541 rgb(17,37,65)
```
#152e50
```
#152e50 rgb(21,46,80)
```
#193760
```
#193760 rgb(25,55,96)
```
#1d4070
```
#1d4070 rgb(29,64,112)
```
#21487f
```
#21487f rgb(33,72,127)
```
#25518f
```
#25518f rgb(37,81,143)
```
#295a9e
```
#295a9e rgb(41,90,158)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#316cbe
```
#316cbe rgb(49,108,190)
```

Shade Color Variation

#3775cb
```
#3775cb rgb(55,117,203)
```
#4780cf
```
#4780cf rgb(71,128,207)
```
#568bd3
```
#568bd3 rgb(86,139,211)
```
#6695d7
```
#6695d7 rgb(102,149,215)
```
#75a0db
```
#75a0db rgb(117,160,219)
```
#85abdf
```
#85abdf rgb(133,171,223)
```
#94b6e3
```
#94b6e3 rgb(148,182,227)
```
#a4c0e7
```
#a4c0e7 rgb(164,192,231)
```
#b4cbec
```
#b4cbec rgb(180,203,236)
```
#c3d6f0
```
#c3d6f0 rgb(195,214,240)
```
#d3e1f4
```
#d3e1f4 rgb(211,225,244)
```
#e2ebf8
```
#e2ebf8 rgb(226,235,248)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686d73 is the less saturated color, while #035cd8 is the most saturated one.

#686d73
```
#686d73 rgb(104,109,115)
```
#606b7b
```
#606b7b rgb(96,107,123)
```
#576a84
```
#576a84 rgb(87,106,132)
```
#4f688c
```
#4f688c rgb(79,104,140)
```
#466795
```
#466795 rgb(70,103,149)
```
#3e669d
```
#3e669d rgb(62,102,157)
```
#3564a6
```
#3564a6 rgb(53,100,166)
```
#2d63ae
```
#2d63ae rgb(45,99,174)
```
#2562b6
```
#2562b6 rgb(37,98,182)
```
#1c60bf
```
#1c60bf rgb(28,96,191)
```
#145fc7
```
#145fc7 rgb(20,95,199)
```
#0b5ed0
```
#0b5ed0 rgb(11,94,208)
```
#035cd8
```
#035cd8 rgb(3,92,216)
```

Tone Color Variation

Below, you can see how #2d63ae 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

#5b5b5b Achromatopsia 0.005% of the population
#525d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4869b0 Protanopia 1% of men
#296cb1 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3e66af Protanomaly 1% of men, 0.01% of women
#2a69b0 Deuteranomaly 6% of men, 0.4% of women
#106e8f Tritanomaly 0.01% of the population

#2d63ae hex color

#2d63ae Color Information

#2d63ae Color Conversion

Color Schemes with #2d63ae

Alternatives to #2d63ae

#2d63ae Preview

Shades and Tints of #2d63ae

Tones of #2d63ae

Color Blindness Simulator