#2a63ad hex color

In a RGB color space, hex #2a63ad is composed of 16.5% red, 38.8% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 42.8% magenta, 0% yellow and 32.2% black. It has a hue angle of 213.9 degrees, a saturation of 60.9% and a lightness of 42.2%. #2a63ad color hex could be obtained by blending #54c6ff with #00005b. Closest websafe color is: #336699.

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

● #2a63ad color description : Dark blue.

The hexadecimal color #2a63ad has RGB values of R:42, G:99, B:173 and CMYK values of C:0.76, M:0.43, Y:0, K:0.32. Its decimal value is 2778029.

Hex triplet	2a63ad	`#2a63ad`
RGB Decimal	42, 99, 173	`rgb(42,99,173)`
RGB Percent	16.5, 38.8, 67.8	`rgb(16.5%,38.8%,67.8%)`
CMYK	76, 43, 0, 32
HSL	213.9°, 60.9, 42.2	`hsl(213.9,60.9%,42.2%)`
HSV (or HSB)	213.9°, 75.7, 67.8
Web Safe	336699	`#336699`

CIE-LAB	41.895, 7.79, -44.898
XYZ	12.958, 12.432, 41.25
xyY	0.194, 0.187, 12.432
CIE-LCH	41.895, 45.568, 279.843
CIE-LUV	41.895, -20.404, -66.518
Hunter-Lab	35.259, 3.896, -44.682
Binary	00101010, 01100011, 10101101

#2a63ad
```
#2a63ad rgb(42,99,173)
```
#ad742a
```
#ad742a rgb(173,116,42)
```

Complementary Color

#2aa5ad
```
#2aa5ad rgb(42,165,173)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#322aad
```
#322aad rgb(50,42,173)
```

Analogous Color

#a5ad2a
```
#a5ad2a rgb(165,173,42)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#ad322a
```
#ad322a rgb(173,50,42)
```

Split Complementary Color

#63ad2a
```
#63ad2a rgb(99,173,42)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#ad2a63
```
#ad2a63 rgb(173,42,99)
```

Triadic Color

#2aad74
```
#2aad74 rgb(42,173,116)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#ad2a63
```
#ad2a63 rgb(173,42,99)
```
#ad742a
```
#ad742a rgb(173,116,42)
```

Tetradic Color

#1b406f
```
#1b406f rgb(27,64,111)
```
#204c84
```
#204c84 rgb(32,76,132)
```
#255798
```
#255798 rgb(37,87,152)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#2f6fc2
```
#2f6fc2 rgb(47,111,194)
```
#3b7bcf
```
#3b7bcf rgb(59,123,207)
```
#4f89d4
```
#4f89d4 rgb(79,137,212)
```

Monochromatic Color

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

#2a84ad
```
#2a84ad rgb(42,132,173)
```
#2a79ad
```
#2a79ad rgb(42,121,173)
```
#2a6ead
```
#2a6ead rgb(42,110,173)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#2a58ad
```
#2a58ad rgb(42,88,173)
```
#2a4dad
```
#2a4dad rgb(42,77,173)
```
#2a42ad
```
#2a42ad rgb(42,66,173)
```

Similar Colors

Text with hexadecimal color #2a63ad

This text has a font color of #2a63ad.

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

#2a63ad background color

This paragraph has a background color of #2a63ad.

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

#2a63ad border color

This element has a border color of #2a63ad.

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

CSS codes

.text {color:#2a63ad;}

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

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

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

#04090f
```
#04090f rgb(4,9,15)
```
#08121f
```
#08121f rgb(8,18,31)
```
#0b1b2f
```
#0b1b2f rgb(11,27,47)
```
#0f243f
```
#0f243f rgb(15,36,63)
```
#132d4e
```
#132d4e rgb(19,45,78)
```
#17365e
```
#17365e rgb(23,54,94)
```
#1b3f6e
```
#1b3f6e rgb(27,63,110)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#22518d
```
#22518d rgb(34,81,141)
```
#265a9d
```
#265a9d rgb(38,90,157)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#2e6cbd
```
#2e6cbd rgb(46,108,189)
```
#3275cd
```
#3275cd rgb(50,117,205)
```

Shade Color Variation

#4180d1
```
#4180d1 rgb(65,128,209)
```
#518ad5
```
#518ad5 rgb(81,138,213)
```
#6195d9
```
#6195d9 rgb(97,149,217)
```
#709fdc
```
#709fdc rgb(112,159,220)
```
#80aae0
```
#80aae0 rgb(128,170,224)
```
#90b5e4
```
#90b5e4 rgb(144,181,228)
```
#a0bfe8
```
#a0bfe8 rgb(160,191,232)
```
#afcaec
```
#afcaec rgb(175,202,236)
```
#bfd4f0
```
#bfd4f0 rgb(191,212,240)
```
#cfdff3
```
#cfdff3 rgb(207,223,243)
```
#dfe9f7
```
#dfe9f7 rgb(223,233,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646b73 is the less saturated color, while #015ed6 is the most saturated one.

#646b73
```
#646b73 rgb(100,107,115)
```
#5c697b
```
#5c697b rgb(92,105,123)
```
#536884
```
#536884 rgb(83,104,132)
```
#4b678c
```
#4b678c rgb(75,103,140)
```
#436694
```
#436694 rgb(67,102,148)
```
#3b659c
```
#3b659c rgb(59,101,156)
```
#3264a5
```
#3264a5 rgb(50,100,165)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```
#2262b5
```
#2262b5 rgb(34,98,181)
```
#1961be
```
#1961be rgb(25,97,190)
```
#1160c6
```
#1160c6 rgb(17,96,198)
```
#095fce
```
#095fce rgb(9,95,206)
```
#015ed6
```
#015ed6 rgb(1,94,214)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#505c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4868af Protanopia 1% of men
#296cb0 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3d66ae Protanomaly 1% of men, 0.01% of women
#2968af Deuteranomaly 6% of men, 0.4% of women
#0f6e8e Tritanomaly 0.01% of the population

#2a63ad hex color

#2a63ad Color Information

#2a63ad Color Conversion

Color Schemes with #2a63ad

Alternatives to #2a63ad

#2a63ad Preview

Shades and Tints of #2a63ad

Tones of #2a63ad

Color Blindness Simulator