#2d63ab hex color

In a RGB color space, hex #2d63ab is composed of 17.6% red, 38.8% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 42.1% magenta, 0% yellow and 32.9% black. It has a hue angle of 214.3 degrees, a saturation of 58.3% and a lightness of 42.4%. #2d63ab color hex could be obtained by blending #5ac6ff with #000057. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 39
- B 67
RGB color chart
- C 74
- M 42
- Y 0
- K 33
CMYK color chart

● #2d63ab color description : Dark blue.

The hexadecimal color #2d63ab has RGB values of R:45, G:99, B:171 and CMYK values of C:0.74, M:0.42, Y:0, K:0.33. Its decimal value is 2974635.

Hex triplet	2d63ab	`#2d63ab`
RGB Decimal	45, 99, 171	`rgb(45,99,171)`
RGB Percent	17.6, 38.8, 67.1	`rgb(17.6%,38.8%,67.1%)`
CMYK	74, 42, 0, 33
HSL	214.3°, 58.3, 42.4	`hsl(214.3,58.3%,42.4%)`
HSV (or HSB)	214.3°, 73.7, 67.1
Web Safe	336699	`#336699`

CIE-LAB	41.877, 7.435, -43.742
XYZ	12.893, 12.421, 40.244
xyY	0.197, 0.189, 12.421
CIE-LCH	41.877, 44.369, 279.647
CIE-LUV	41.877, -19.95, -64.747
Hunter-Lab	35.243, 3.625, -43.032
Binary	00101101, 01100011, 10101011

#2d63ab
```
#2d63ab rgb(45,99,171)
```
#ab752d
```
#ab752d rgb(171,117,45)
```

Complementary Color

#2da2ab
```
#2da2ab rgb(45,162,171)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#362dab
```
#362dab rgb(54,45,171)
```

Analogous Color

#a2ab2d
```
#a2ab2d rgb(162,171,45)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#ab362d
```
#ab362d rgb(171,54,45)
```

Split Complementary Color

#63ab2d
```
#63ab2d rgb(99,171,45)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#ab2d63
```
#ab2d63 rgb(171,45,99)
```

Triadic Color

#2dab75
```
#2dab75 rgb(45,171,117)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#ab2d63
```
#ab2d63 rgb(171,45,99)
```
#ab752d
```
#ab752d rgb(171,117,45)
```

Tetradic Color

#1d406e
```
#1d406e rgb(29,64,110)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#285797
```
#285797 rgb(40,87,151)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#326fbf
```
#326fbf rgb(50,111,191)
```
#3f7bcc
```
#3f7bcc rgb(63,123,204)
```
#5389d2
```
#5389d2 rgb(83,137,210)
```

Monochromatic Color

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

#2d83ab
```
#2d83ab rgb(45,131,171)
```
#2d78ab
```
#2d78ab rgb(45,120,171)
```
#2d6eab
```
#2d6eab rgb(45,110,171)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#2d59ab
```
#2d59ab rgb(45,89,171)
```
#2d4eab
```
#2d4eab rgb(45,78,171)
```
#2d44ab
```
#2d44ab rgb(45,68,171)
```

Similar Colors

Text with hexadecimal color #2d63ab

This text has a font color of #2d63ab.

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

#2d63ab background color

This paragraph has a background color of #2d63ab.

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

#2d63ab border color

This element has a border color of #2d63ab.

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

CSS codes

.text {color:#2d63ab;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040910
```
#040910 rgb(4,9,16)
```
#08121f
```
#08121f rgb(8,18,31)
```
#0c1b2f
```
#0c1b2f rgb(12,27,47)
```
#10243e
```
#10243e rgb(16,36,62)
```
#142d4e
```
#142d4e rgb(20,45,78)
```
#19365d
```
#19365d rgb(25,54,93)
```
#1d3f6d
```
#1d3f6d rgb(29,63,109)
```
#21487c
```
#21487c rgb(33,72,124)
```
#25518c
```
#25518c rgb(37,81,140)
```
#295a9b
```
#295a9b rgb(41,90,155)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#316cbb
```
#316cbb rgb(49,108,187)
```

Shade Color Variation

#3575ca
```
#3575ca rgb(53,117,202)
```
#4580ce
```
#4580ce rgb(69,128,206)
```
#548ad2
```
#548ad2 rgb(84,138,210)
```
#6495d6
```
#6495d6 rgb(100,149,214)
```
#73a0da
```
#73a0da rgb(115,160,218)
```
#83aade
```
#83aade rgb(131,170,222)
```
#92b5e2
```
#92b5e2 rgb(146,181,226)
```
#a2bfe7
```
#a2bfe7 rgb(162,191,231)
```
#b2caeb
```
#b2caeb rgb(178,202,235)
```
#c1d5ef
```
#c1d5ef rgb(193,213,239)
```
#d1dff3
```
#d1dff3 rgb(209,223,243)
```
#e0eaf7
```
#e0eaf7 rgb(224,234,247)
```
#f0f5fb
```
#f0f5fb rgb(240,245,251)
```

Tint Color Variation

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

#676b71
```
#676b71 rgb(103,107,113)
```
#5f6a79
```
#5f6a79 rgb(95,106,121)
```
#576981
```
#576981 rgb(87,105,129)
```
#4e688a
```
#4e688a rgb(78,104,138)
```
#466792
```
#466792 rgb(70,103,146)
```
#3e659a
```
#3e659a rgb(62,101,154)
```
#3564a3
```
#3564a3 rgb(53,100,163)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#2562b3
```
#2562b3 rgb(37,98,179)
```
#1c61bc
```
#1c61bc rgb(28,97,188)
```
#145fc4
```
#145fc4 rgb(20,95,196)
```
#0c5ecc
```
#0c5ecc rgb(12,94,204)
```
#035dd5
```
#035dd5 rgb(3,93,213)
```

Tone Color Variation

Below, you can see how #2d63ab 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
#525d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a68ad Protanopia 1% of men
#2f6cae Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3f66ac Protanomaly 1% of men, 0.01% of women
#2e68ad Deuteranomaly 6% of men, 0.4% of women
#106e8d Tritanomaly 0.01% of the population

#2d63ab hex color

#2d63ab Color Information

#2d63ab Color Conversion

Color Schemes with #2d63ab

Alternatives to #2d63ab

#2d63ab Preview

Shades and Tints of #2d63ab

Tones of #2d63ab

Color Blindness Simulator