#2884ba hex color

In a RGB color space, hex #2884ba is composed of 15.7% red, 51.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 29% magenta, 0% yellow and 27.1% black. It has a hue angle of 202.2 degrees, a saturation of 64.6% and a lightness of 44.3%. #2884ba color hex could be obtained by blending #50ffff with #000975. Closest websafe color is: #3399cc.

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

● #2884ba color description : Strong blue.

The hexadecimal color #2884ba has RGB values of R:40, G:132, B:186 and CMYK values of C:0.78, M:0.29, Y:0, K:0.27. Its decimal value is 2655418.

Hex triplet	2884ba	`#2884ba`
RGB Decimal	40, 132, 186	`rgb(40,132,186)`
RGB Percent	15.7, 51.8, 72.9	`rgb(15.7%,51.8%,72.9%)`
CMYK	78, 29, 0, 27
HSL	202.2°, 64.6, 44.3	`hsl(202.2,64.6%,44.3%)`
HSV (or HSB)	202.2°, 78.5, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.395, -7.742, -35.821
XYZ	17.987, 20.497, 49.46
xyY	0.205, 0.233, 20.497
CIE-LCH	52.395, 36.648, 257.804
CIE-LUV	52.395, -31.328, -53.813
Hunter-Lab	45.274, -8.312, -33.08
Binary	00101000, 10000100, 10111010

#2884ba
```
#2884ba rgb(40,132,186)
```
#ba5e28
```
#ba5e28 rgb(186,94,40)
```

Complementary Color

#28baa7
```
#28baa7 rgb(40,186,167)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#283bba
```
#283bba rgb(40,59,186)
```

Analogous Color

#baa728
```
#baa728 rgb(186,167,40)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#ba283b
```
#ba283b rgb(186,40,59)
```

Split Complementary Color

#84ba28
```
#84ba28 rgb(132,186,40)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#ba2884
```
#ba2884 rgb(186,40,132)
```

Triadic Color

#28ba5e
```
#28ba5e rgb(40,186,94)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#ba2884
```
#ba2884 rgb(186,40,132)
```
#ba5e28
```
#ba5e28 rgb(186,94,40)
```

Tetradic Color

#1a577b
```
#1a577b rgb(26,87,123)
```
#1f6690
```
#1f6690 rgb(31,102,144)
```
#2375a5
```
#2375a5 rgb(35,117,165)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#2d93cf
```
#2d93cf rgb(45,147,207)
```
#3f9ed6
```
#3f9ed6 rgb(63,158,214)
```
#54a9da
```
#54a9da rgb(84,169,218)
```

Monochromatic Color

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

#28a9ba
```
#28a9ba rgb(40,169,186)
```
#289cba
```
#289cba rgb(40,156,186)
```
#2890ba
```
#2890ba rgb(40,144,186)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#2878ba
```
#2878ba rgb(40,120,186)
```
#286cba
```
#286cba rgb(40,108,186)
```
#2860ba
```
#2860ba rgb(40,96,186)
```

Similar Colors

Text with hexadecimal color #2884ba

This text has a font color of #2884ba.

<span style="color:#2884ba;">Text here</span>

#2884ba background color

This paragraph has a background color of #2884ba.

<p style="background-color:#2884ba;">Content here</p>

#2884ba border color

This element has a border color of #2884ba.

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

CSS codes

.text {color:#2884ba;}

.background {background-color:#2884ba;}

.border {border:1px solid #2884ba;}

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

#020608
```
#020608 rgb(2,6,8)
```
#051119
```
#051119 rgb(5,17,25)
```
#091d29
```
#091d29 rgb(9,29,41)
```
#0c2839
```
#0c2839 rgb(12,40,57)
```
#103449
```
#103449 rgb(16,52,73)
```
#133f59
```
#133f59 rgb(19,63,89)
```
#174b69
```
#174b69 rgb(23,75,105)
```
#1a5679
```
#1a5679 rgb(26,86,121)
```
#1e628a
```
#1e628a rgb(30,98,138)
```
#216d9a
```
#216d9a rgb(33,109,154)
```
#2579aa
```
#2579aa rgb(37,121,170)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#2b8fca
```
#2b8fca rgb(43,143,202)
```

Shade Color Variation

#3699d4
```
#3699d4 rgb(54,153,212)
```
#46a1d7
```
#46a1d7 rgb(70,161,215)
```
#56aadb
```
#56aadb rgb(86,170,219)
```
#66b2de
```
#66b2de rgb(102,178,222)
```
#76bae2
```
#76bae2 rgb(118,186,226)
```
#86c2e5
```
#86c2e5 rgb(134,194,229)
```
#96cae9
```
#96cae9 rgb(150,202,233)
```
#a7d2ec
```
#a7d2ec rgb(167,210,236)
```
#b7daef
```
#b7daef rgb(183,218,239)
```
#c7e3f3
```
#c7e3f3 rgb(199,227,243)
```
#d7ebf6
```
#d7ebf6 rgb(215,235,246)
```
#e7f3fa
```
#e7f3fa rgb(231,243,250)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#6e7274
```
#6e7274 rgb(110,114,116)
```
#65747d
```
#65747d rgb(101,116,125)
```
#5c7686
```
#5c7686 rgb(92,118,134)
```
#53798f
```
#53798f rgb(83,121,143)
```
#4b7b97
```
#4b7b97 rgb(75,123,151)
```
#427da0
```
#427da0 rgb(66,125,160)
```
#397fa9
```
#397fa9 rgb(57,127,169)
```
#3182b1
```
#3182b1 rgb(49,130,177)
```
#2884ba
```
#2884ba rgb(40,132,186)
```
#1f86c3
```
#1f86c3 rgb(31,134,195)
```
#1789cb
```
#1789cb rgb(23,137,203)
```
#0e8bd4
```
#0e8bd4 rgb(14,139,212)
```
#058ddd
```
#058ddd rgb(5,141,221)
```

Tone Color Variation

Below, you can see how #2884ba 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

#6f6f6f Achromatopsia 0.005% of the population
#61737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7181b7 Protanopia 1% of men
#6483c0 Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#5682b8 Protanomaly 1% of men, 0.01% of women
#4e83be Deuteranomaly 6% of men, 0.4% of women
#0e8ca6 Tritanomaly 0.01% of the population

#2884ba hex color

#2884ba Color Information

#2884ba Color Conversion

Color Schemes with #2884ba

Alternatives to #2884ba

#2884ba Preview

Shades and Tints of #2884ba

Tones of #2884ba

Color Blindness Simulator