#2e84ba hex color

In a RGB color space, hex #2e84ba is composed of 18% red, 51.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 29% magenta, 0% yellow and 27.1% black. It has a hue angle of 203.1 degrees, a saturation of 60.3% and a lightness of 45.5%. #2e84ba color hex could be obtained by blending #5cffff with #000975. Closest websafe color is: #3399cc.

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

● #2e84ba color description : Strong blue.

The hexadecimal color #2e84ba has RGB values of R:46, G:132, B:186 and CMYK values of C:0.75, M:0.29, Y:0, K:0.27. Its decimal value is 3048634.

Hex triplet	2e84ba	`#2e84ba`
RGB Decimal	46, 132, 186	`rgb(46,132,186)`
RGB Percent	18, 51.8, 72.9	`rgb(18%,51.8%,72.9%)`
CMYK	75, 29, 0, 27
HSL	203.1°, 60.3, 45.5	`hsl(203.1,60.3%,45.5%)`
HSV (or HSB)	203.1°, 75.3, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.539, -7.03, -35.585
XYZ	18.239, 20.627, 49.472
xyY	0.206, 0.234, 20.627
CIE-LCH	52.539, 36.272, 258.824
CIE-LUV	52.539, -30.457, -53.533
Hunter-Lab	45.417, -7.797, -32.792
Binary	00101110, 10000100, 10111010

#2e84ba
```
#2e84ba rgb(46,132,186)
```
#ba642e
```
#ba642e rgb(186,100,46)
```

Complementary Color

#2ebaaa
```
#2ebaaa rgb(46,186,170)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#2e3eba
```
#2e3eba rgb(46,62,186)
```

Analogous Color

#baaa2e
```
#baaa2e rgb(186,170,46)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#ba2e3e
```
#ba2e3e rgb(186,46,62)
```

Split Complementary Color

#84ba2e
```
#84ba2e rgb(132,186,46)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#ba2e84
```
#ba2e84 rgb(186,46,132)
```

Triadic Color

#2eba64
```
#2eba64 rgb(46,186,100)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#ba2e84
```
#ba2e84 rgb(186,46,132)
```
#ba642e
```
#ba642e rgb(186,100,46)
```

Tetradic Color

#1f587d
```
#1f587d rgb(31,88,125)
```
#246791
```
#246791 rgb(36,103,145)
```
#2975a6
```
#2975a6 rgb(41,117,166)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#3592cd
```
#3592cd rgb(53,146,205)
```
#499dd2
```
#499dd2 rgb(73,157,210)
```
#5da8d7
```
#5da8d7 rgb(93,168,215)
```

Monochromatic Color

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

#2ea7ba
```
#2ea7ba rgb(46,167,186)
```
#2e9bba
```
#2e9bba rgb(46,155,186)
```
#2e90ba
```
#2e90ba rgb(46,144,186)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#2e78ba
```
#2e78ba rgb(46,120,186)
```
#2e6dba
```
#2e6dba rgb(46,109,186)
```
#2e61ba
```
#2e61ba rgb(46,97,186)
```

Similar Colors

Text with hexadecimal color #2e84ba

This text has a font color of #2e84ba.

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

#2e84ba background color

This paragraph has a background color of #2e84ba.

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

#2e84ba border color

This element has a border color of #2e84ba.

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

CSS codes

.text {color:#2e84ba;}

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

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

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

#03090d
```
#03090d rgb(3,9,13)
```
#07141d
```
#07141d rgb(7,20,29)
```
#0b202c
```
#0b202c rgb(11,32,44)
```
#0f2b3c
```
#0f2b3c rgb(15,43,60)
```
#13364c
```
#13364c rgb(19,54,76)
```
#17415c
```
#17415c rgb(23,65,92)
```
#1b4c6b
```
#1b4c6b rgb(27,76,107)
```
#1e577b
```
#1e577b rgb(30,87,123)
```
#22638b
```
#22638b rgb(34,99,139)
```
#266e9b
```
#266e9b rgb(38,110,155)
```
#2a79aa
```
#2a79aa rgb(42,121,170)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#328fca
```
#328fca rgb(50,143,202)
```

Shade Color Variation

#4098d0
```
#4098d0 rgb(64,152,208)
```
#4fa1d4
```
#4fa1d4 rgb(79,161,212)
```
#5fa9d7
```
#5fa9d7 rgb(95,169,215)
```
#6fb1db
```
#6fb1db rgb(111,177,219)
```
#7ebadf
```
#7ebadf rgb(126,186,223)
```
#8ec2e3
```
#8ec2e3 rgb(142,194,227)
```
#9ecbe7
```
#9ecbe7 rgb(158,203,231)
```
#aed3eb
```
#aed3eb rgb(174,211,235)
```
#bddcef
```
#bddcef rgb(189,220,239)
```
#cde4f3
```
#cde4f3 rgb(205,228,243)
```
#ddedf7
```
#ddedf7 rgb(221,237,247)
```
#edf5fa
```
#edf5fa rgb(237,245,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#6c767c
```
#6c767c rgb(108,118,124)
```
#647884
```
#647884 rgb(100,120,132)
```
#5b7a8d
```
#5b7a8d rgb(91,122,141)
```
#527c96
```
#527c96 rgb(82,124,150)
```
#497e9f
```
#497e9f rgb(73,126,159)
```
#4080a8
```
#4080a8 rgb(64,128,168)
```
#3782b1
```
#3782b1 rgb(55,130,177)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```
#2586c3
```
#2586c3 rgb(37,134,195)
```
#1c88cc
```
#1c88cc rgb(28,136,204)
```
#138ad5
```
#138ad5 rgb(19,138,213)
```
#0a8cde
```
#0a8cde rgb(10,140,222)
```
#018ee7
```
#018ee7 rgb(1,142,231)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#63747f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7182b7 Protanopia 1% of men
#6583c0 Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#5982b8 Protanomaly 1% of men, 0.01% of women
#5183be Deuteranomaly 6% of men, 0.4% of women
#108ca6 Tritanomaly 0.01% of the population

#2e84ba hex color

#2e84ba Color Information

#2e84ba Color Conversion

Color Schemes with #2e84ba

Alternatives to #2e84ba

#2e84ba Preview

Shades and Tints of #2e84ba

Tones of #2e84ba

Color Blindness Simulator