#2a63b7 hex color

In a RGB color space, hex #2a63b7 is composed of 16.5% red, 38.8% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 45.9% magenta, 0% yellow and 28.2% black. It has a hue angle of 215.7 degrees, a saturation of 62.7% and a lightness of 44.1%. #2a63b7 color hex could be obtained by blending #54c6ff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 39
- B 72
RGB color chart
- C 77
- M 46
- Y 0
- K 28
CMYK color chart

● #2a63b7 color description : Strong blue.

The hexadecimal color #2a63b7 has RGB values of R:42, G:99, B:183 and CMYK values of C:0.77, M:0.46, Y:0, K:0.28. Its decimal value is 2778039.

Hex triplet	2a63b7	`#2a63b7`
RGB Decimal	42, 99, 183	`rgb(42,99,183)`
RGB Percent	16.5, 38.8, 71.8	`rgb(16.5%,38.8%,71.8%)`
CMYK	77, 46, 0, 28
HSL	215.7°, 62.7, 44.1	`hsl(215.7,62.7%,44.1%)`
HSV (or HSB)	215.7°, 77, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.512, 11.614, -49.772
XYZ	13.962, 12.834, 46.538
xyY	0.19, 0.175, 12.834
CIE-LCH	42.512, 51.109, 283.135
CIE-LUV	42.512, -20.154, -74.382
Hunter-Lab	35.824, 6.876, -51.945
Binary	00101010, 01100011, 10110111

#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#b77e2a
```
#b77e2a rgb(183,126,42)
```

Complementary Color

#2aaab7
```
#2aaab7 rgb(42,170,183)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#372ab7
```
#372ab7 rgb(55,42,183)
```

Analogous Color

#aab72a
```
#aab72a rgb(170,183,42)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#b7382a
```
#b7382a rgb(183,56,42)
```

Split Complementary Color

#63b72a
```
#63b72a rgb(99,183,42)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#b72a63
```
#b72a63 rgb(183,42,99)
```

Triadic Color

#2ab77e
```
#2ab77e rgb(42,183,126)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#b72a63
```
#b72a63 rgb(183,42,99)
```
#b77e2a
```
#b77e2a rgb(183,126,42)
```

Tetradic Color

#1c4179
```
#1c4179 rgb(28,65,121)
```
#204d8e
```
#204d8e rgb(32,77,142)
```
#2558a2
```
#2558a2 rgb(37,88,162)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#2f6ecc
```
#2f6ecc rgb(47,110,204)
```
#417cd3
```
#417cd3 rgb(65,124,211)
```
#558ad8
```
#558ad8 rgb(85,138,216)
```

Monochromatic Color

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

#2a86b7
```
#2a86b7 rgb(42,134,183)
```
#2a7bb7
```
#2a7bb7 rgb(42,123,183)
```
#2a6fb7
```
#2a6fb7 rgb(42,111,183)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#2a57b7
```
#2a57b7 rgb(42,87,183)
```
#2a4cb7
```
#2a4cb7 rgb(42,76,183)
```
#2a40b7
```
#2a40b7 rgb(42,64,183)
```

Similar Colors

Text with hexadecimal color #2a63b7

This text has a font color of #2a63b7.

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

#2a63b7 background color

This paragraph has a background color of #2a63b7.

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

#2a63b7 border color

This element has a border color of #2a63b7.

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

CSS codes

.text {color:#2a63b7;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050d17
```
#050d17 rgb(5,13,23)
```
#091527
```
#091527 rgb(9,21,39)
```
#0d1e37
```
#0d1e37 rgb(13,30,55)
```
#102747
```
#102747 rgb(16,39,71)
```
#142f57
```
#142f57 rgb(20,47,87)
```
#183867
```
#183867 rgb(24,56,103)
```
#1b4077
```
#1b4077 rgb(27,64,119)
```
#1f4987
```
#1f4987 rgb(31,73,135)
```
#235297
```
#235297 rgb(35,82,151)
```
#265aa7
```
#265aa7 rgb(38,90,167)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#2e6cc7
```
#2e6cc7 rgb(46,108,199)
```

Shade Color Variation

#3775d1
```
#3775d1 rgb(55,117,209)
```
#4780d5
```
#4780d5 rgb(71,128,213)
```
#578bd8
```
#578bd8 rgb(87,139,216)
```
#6796dc
```
#6796dc rgb(103,150,220)
```
#77a1e0
```
#77a1e0 rgb(119,161,224)
```
#87ace3
```
#87ace3 rgb(135,172,227)
```
#97b7e7
```
#97b7e7 rgb(151,183,231)
```
#a7c2eb
```
#a7c2eb rgb(167,194,235)
```
#b7cdee
```
#b7cdee rgb(183,205,238)
```
#c7d8f2
```
#c7d8f2 rgb(199,216,242)
```
#d7e3f6
```
#d7e3f6 rgb(215,227,246)
```
#e7eef9
```
#e7eef9 rgb(231,238,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7072 is the less saturated color, while #075cda is the most saturated one.

#6f7072
```
#6f7072 rgb(111,112,114)
```
#676f7a
```
#676f7a rgb(103,111,122)
```
#5e6d83
```
#5e6d83 rgb(94,109,131)
```
#556b8c
```
#556b8c rgb(85,107,140)
```
#4d6a94
```
#4d6a94 rgb(77,106,148)
```
#44689d
```
#44689d rgb(68,104,157)
```
#3b66a6
```
#3b66a6 rgb(59,102,166)
```
#3365ae
```
#3365ae rgb(51,101,174)
```
#2a63b7
```
#2a63b7 rgb(42,99,183)
```
#2161c0
```
#2161c0 rgb(33,97,192)
```
#1960c8
```
#1960c8 rgb(25,96,200)
```
#105ed1
```
#105ed1 rgb(16,94,209)
```
#075cda
```
#075cda rgb(7,92,218)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#525d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4169b9 Protanopia 1% of men
#006eb7 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#3867b8 Protanomaly 1% of men, 0.01% of women
#0f6ab7 Deuteranomaly 6% of men, 0.4% of women
#0f6f93 Tritanomaly 0.01% of the population

#2a63b7 hex color

#2a63b7 Color Information

#2a63b7 Color Conversion

Color Schemes with #2a63b7

Alternatives to #2a63b7

#2a63b7 Preview

Shades and Tints of #2a63b7

Tones of #2a63b7

Color Blindness Simulator