#2884ca hex color

In a RGB color space, hex #2884ca is composed of 15.7% red, 51.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 34.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 205.9 degrees, a saturation of 66.9% and a lightness of 47.5%. #2884ca color hex could be obtained by blending #50ffff with #000995. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 52
- B 79
RGB color chart
- C 80
- M 35
- Y 0
- K 21
CMYK color chart

● #2884ca color description : Strong blue.

The hexadecimal color #2884ca has RGB values of R:40, G:132, B:202 and CMYK values of C:0.8, M:0.35, Y:0, K:0.21. Its decimal value is 2655434.

Hex triplet	2884ca	`#2884ca`
RGB Decimal	40, 132, 202	`rgb(40,132,202)`
RGB Percent	15.7, 51.8, 79.2	`rgb(15.7%,51.8%,79.2%)`
CMYK	80, 35, 0, 21
HSL	205.9°, 66.9, 47.5	`hsl(205.9,66.9%,47.5%)`
HSV (or HSB)	205.9°, 80.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.185, -1.89, -43.699
XYZ	19.784, 21.216, 58.926
xyY	0.198, 0.212, 21.216
CIE-LCH	53.185, 43.74, 267.524
CIE-LUV	53.185, -30.503, -67.363
Hunter-Lab	46.061, -3.936, -43.607
Binary	00101000, 10000100, 11001010

#2884ca
```
#2884ca rgb(40,132,202)
```
#ca6e28
```
#ca6e28 rgb(202,110,40)
```

Complementary Color

#28cabf
```
#28cabf rgb(40,202,191)
```
#2884ca
```
#2884ca rgb(40,132,202)
```
#2833ca
```
#2833ca rgb(40,51,202)
```

Analogous Color

#cabf28
```
#cabf28 rgb(202,191,40)
```
#2884ca
```
#2884ca rgb(40,132,202)
```
#ca2833
```
#ca2833 rgb(202,40,51)
```

Split Complementary Color

#84ca28
```
#84ca28 rgb(132,202,40)
```
#2884ca
```
#2884ca rgb(40,132,202)
```
#ca2884
```
#ca2884 rgb(202,40,132)
```

Triadic Color

#28ca6e
```
#28ca6e rgb(40,202,110)
```
#2884ca
```
#2884ca rgb(40,132,202)
```
#ca2884
```
#ca2884 rgb(202,40,132)
```
#ca6e28
```
#ca6e28 rgb(202,110,40)
```

Tetradic Color

#1b5a8a
```
#1b5a8a rgb(27,90,138)
```
#20689f
```
#20689f rgb(32,104,159)
```
#2476b5
```
#2476b5 rgb(36,118,181)
```
#2884ca
```
#2884ca rgb(40,132,202)
```
#3591d7
```
#3591d7 rgb(53,145,215)
```
#4a9cdb
```
#4a9cdb rgb(74,156,219)
```
#5fa8df
```
#5fa8df rgb(95,168,223)
```

Monochromatic Color

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

#28adca
```
#28adca rgb(40,173,202)
```
#289fca
```
#289fca rgb(40,159,202)
```
#2892ca
```
#2892ca rgb(40,146,202)
```
#2884ca
```
#2884ca rgb(40,132,202)
```
#2877ca
```
#2877ca rgb(40,119,202)
```
#2869ca
```
#2869ca rgb(40,105,202)
```
#285cca
```
#285cca rgb(40,92,202)
```

Similar Colors

Text with hexadecimal color #2884ca

This text has a font color of #2884ca.

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

#2884ca background color

This paragraph has a background color of #2884ca.

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

#2884ca border color

This element has a border color of #2884ca.

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

CSS codes

.text {color:#2884ca;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#040e16
```
#040e16 rgb(4,14,22)
```
#081926
```
#081926 rgb(8,25,38)
```
#0b2437
```
#0b2437 rgb(11,36,55)
```
#0e2e47
```
#0e2e47 rgb(14,46,71)
```
#113957
```
#113957 rgb(17,57,87)
```
#154468
```
#154468 rgb(21,68,104)
```
#184f78
```
#184f78 rgb(24,79,120)
```
#1b5989
```
#1b5989 rgb(27,89,137)
```
#1e6499
```
#1e6499 rgb(30,100,153)
```
#226fa9
```
#226fa9 rgb(34,111,169)
```
#2579ba
```
#2579ba rgb(37,121,186)
```
#2884ca
```
#2884ca rgb(40,132,202)
```

Shade Color Variation

#308ed6
```
#308ed6 rgb(48,142,214)
```
#4097d9
```
#4097d9 rgb(64,151,217)
```
#50a0dc
```
#50a0dc rgb(80,160,220)
```
#61a9e0
```
#61a9e0 rgb(97,169,224)
```
#71b2e3
```
#71b2e3 rgb(113,178,227)
```
#82bbe6
```
#82bbe6 rgb(130,187,230)
```
#92c4e9
```
#92c4e9 rgb(146,196,233)
```
#a2cded
```
#a2cded rgb(162,205,237)
```
#b3d5f0
```
#b3d5f0 rgb(179,213,240)
```
#c3def3
```
#c3def3 rgb(195,222,243)
```
#d3e7f6
```
#d3e7f6 rgb(211,231,246)
```
#e4f0fa
```
#e4f0fa rgb(228,240,250)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727a80 is the less saturated color, while #0389ef is the most saturated one.

#727a80
```
#727a80 rgb(114,122,128)
```
#697b89
```
#697b89 rgb(105,123,137)
```
#607c92
```
#607c92 rgb(96,124,146)
```
#577e9b
```
#577e9b rgb(87,126,155)
```
#4d7fa5
```
#4d7fa5 rgb(77,127,165)
```
#4480ae
```
#4480ae rgb(68,128,174)
```
#3b81b7
```
#3b81b7 rgb(59,129,183)
```
#3183c1
```
#3183c1 rgb(49,131,193)
```
#2884ca
```
#2884ca rgb(40,132,202)
```
#1f85d3
```
#1f85d3 rgb(31,133,211)
```
#1587dd
```
#1587dd rgb(21,135,221)
```
#0c88e6
```
#0c88e6 rgb(12,136,230)
```
#0389ef
```
#0389ef rgb(3,137,239)
```

Tone Color Variation

Below, you can see how #2884ca 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
#627482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a83c7 Protanopia 1% of men
#5586ce Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#5283c8 Protanomaly 1% of men, 0.01% of women
#4585cc Deuteranomaly 6% of men, 0.4% of women
#0e8dad Tritanomaly 0.01% of the population

#2884ca hex color

#2884ca Color Information

#2884ca Color Conversion

Color Schemes with #2884ca

Alternatives to #2884ca

#2884ca Preview

Shades and Tints of #2884ca

Tones of #2884ca

Color Blindness Simulator