#2e63ba hex color

In a RGB color space, hex #2e63ba is composed of 18% red, 38.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 46.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 217.3 degrees, a saturation of 60.3% and a lightness of 45.5%. #2e63ba color hex could be obtained by blending #5cc6ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 39
- B 73
RGB color chart
- C 75
- M 47
- Y 0
- K 27
CMYK color chart

● #2e63ba color description : Strong blue.

The hexadecimal color #2e63ba has RGB values of R:46, G:99, B:186 and CMYK values of C:0.75, M:0.47, Y:0, K:0.27. Its decimal value is 3040186.

Hex triplet	2e63ba	`#2e63ba`
RGB Decimal	46, 99, 186	`rgb(46,99,186)`
RGB Percent	18, 38.8, 72.9	`rgb(18%,38.8%,72.9%)`
CMYK	75, 47, 0, 27
HSL	217.3°, 60.3, 45.5	`hsl(217.3,60.3%,45.5%)`
HSV (or HSB)	217.3°, 75.3, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.836, 13.25, -50.993
XYZ	14.45, 13.049, 48.209
xyY	0.191, 0.172, 13.049
CIE-LCH	42.836, 52.686, 284.565
CIE-LUV	42.836, -19.457, -76.484
Hunter-Lab	36.123, 8.187, -53.841
Binary	00101110, 01100011, 10111010

#2e63ba
```
#2e63ba rgb(46,99,186)
```
#ba852e
```
#ba852e rgb(186,133,46)
```

Complementary Color

#2ea9ba
```
#2ea9ba rgb(46,169,186)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#3f2eba
```
#3f2eba rgb(63,46,186)
```

Analogous Color

#a9ba2e
```
#a9ba2e rgb(169,186,46)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#ba3f2e
```
#ba3f2e rgb(186,63,46)
```

Split Complementary Color

#63ba2e
```
#63ba2e rgb(99,186,46)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#ba2e63
```
#ba2e63 rgb(186,46,99)
```

Triadic Color

#2eba85
```
#2eba85 rgb(46,186,133)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#ba2e63
```
#ba2e63 rgb(186,46,99)
```
#ba852e
```
#ba852e rgb(186,133,46)
```

Tetradic Color

#1f427d
```
#1f427d rgb(31,66,125)
```
#244d91
```
#244d91 rgb(36,77,145)
```
#2958a6
```
#2958a6 rgb(41,88,166)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#356ecd
```
#356ecd rgb(53,110,205)
```
#497dd2
```
#497dd2 rgb(73,125,210)
```
#5d8bd7
```
#5d8bd7 rgb(93,139,215)
```

Monochromatic Color

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

#2e86ba
```
#2e86ba rgb(46,134,186)
```
#2e7aba
```
#2e7aba rgb(46,122,186)
```
#2e6fba
```
#2e6fba rgb(46,111,186)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#2e57ba
```
#2e57ba rgb(46,87,186)
```
#2e4cba
```
#2e4cba rgb(46,76,186)
```
#2e40ba
```
#2e40ba rgb(46,64,186)
```

Similar Colors

Text with hexadecimal color #2e63ba

This text has a font color of #2e63ba.

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

#2e63ba background color

This paragraph has a background color of #2e63ba.

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

#2e63ba border color

This element has a border color of #2e63ba.

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

CSS codes

.text {color:#2e63ba;}

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

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

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, #03070d is the darkest color, while #fcfdfe is the lightest one.

#03070d
```
#03070d rgb(3,7,13)
```
#070f1d
```
#070f1d rgb(7,15,29)
```
#0b182c
```
#0b182c rgb(11,24,44)
```
#0f203c
```
#0f203c rgb(15,32,60)
```
#13284c
```
#13284c rgb(19,40,76)
```
#17315c
```
#17315c rgb(23,49,92)
```
#1b396b
```
#1b396b rgb(27,57,107)
```
#1e427b
```
#1e427b rgb(30,66,123)
```
#224a8b
```
#224a8b rgb(34,74,139)
```
#26529b
```
#26529b rgb(38,82,155)
```
#2a5baa
```
#2a5baa rgb(42,91,170)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#326bca
```
#326bca rgb(50,107,202)
```

Shade Color Variation

#4076d0
```
#4076d0 rgb(64,118,208)
```
#4f81d4
```
#4f81d4 rgb(79,129,212)
```
#5f8dd7
```
#5f8dd7 rgb(95,141,215)
```
#6f98db
```
#6f98db rgb(111,152,219)
```
#7ea3df
```
#7ea3df rgb(126,163,223)
```
#8eaee3
```
#8eaee3 rgb(142,174,227)
```
#9ebae7
```
#9ebae7 rgb(158,186,231)
```
#aec5eb
```
#aec5eb rgb(174,197,235)
```
#bdd0ef
```
#bdd0ef rgb(189,208,239)
```
#cddbf3
```
#cddbf3 rgb(205,219,243)
```
#dde7f7
```
#dde7f7 rgb(221,231,247)
```
#edf2fa
```
#edf2fa rgb(237,242,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#6c727c
```
#6c727c rgb(108,114,124)
```
#647084
```
#647084 rgb(100,112,132)
```
#5b6e8d
```
#5b6e8d rgb(91,110,141)
```
#526c96
```
#526c96 rgb(82,108,150)
```
#496a9f
```
#496a9f rgb(73,106,159)
```
#4067a8
```
#4067a8 rgb(64,103,168)
```
#3765b1
```
#3765b1 rgb(55,101,177)
```
#2e63ba
```
#2e63ba rgb(46,99,186)
```
#2561c3
```
#2561c3 rgb(37,97,195)
```
#1c5fcc
```
#1c5fcc rgb(28,95,204)
```
#135cd5
```
#135cd5 rgb(19,92,213)
```
#0a5ade
```
#0a5ade rgb(10,90,222)
```
#0158e7
```
#0158e7 rgb(1,88,231)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#545e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f6abc Protanopia 1% of men
#006fb8 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#3867bb Protanomaly 1% of men, 0.01% of women
#106ab9 Deuteranomaly 6% of men, 0.4% of women
#107094 Tritanomaly 0.01% of the population

#2e63ba hex color

#2e63ba Color Information

#2e63ba Color Conversion

Color Schemes with #2e63ba

Alternatives to #2e63ba

#2e63ba Preview

Shades and Tints of #2e63ba

Tones of #2e63ba

Color Blindness Simulator