#2884a6 hex color

In a RGB color space, hex #2884a6 is composed of 15.7% red, 51.8% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 20.5% magenta, 0% yellow and 34.9% black. It has a hue angle of 196.2 degrees, a saturation of 61.2% and a lightness of 40.4%. #2884a6 color hex could be obtained by blending #50ffff with #00094d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 52
- B 65
RGB color chart
- C 76
- M 20
- Y 0
- K 35
CMYK color chart

● #2884a6 color description : Dark blue.

The hexadecimal color #2884a6 has RGB values of R:40, G:132, B:166 and CMYK values of C:0.76, M:0.2, Y:0, K:0.35. Its decimal value is 2655398.

Hex triplet	2884a6	`#2884a6`
RGB Decimal	40, 132, 166	`rgb(40,132,166)`
RGB Percent	15.7, 51.8, 65.1	`rgb(15.7%,51.8%,65.1%)`
CMYK	76, 20, 0, 35
HSL	196.2°, 61.2, 40.4	`hsl(196.2,61.2%,40.4%)`
HSV (or HSB)	196.2°, 75.9, 65.1
Web Safe	339999	`#339999`

CIE-LAB	51.503, -14.839, -25.694
XYZ	16.007, 19.705, 39.034
xyY	0.214, 0.264, 19.705
CIE-LCH	51.503, 29.671, 239.992
CIE-LUV	51.503, -32.458, -36.582
Hunter-Lab	44.391, -13.316, -21.062
Binary	00101000, 10000100, 10100110

#2884a6
```
#2884a6 rgb(40,132,166)
```
#a64a28
```
#a64a28 rgb(166,74,40)
```

Complementary Color

#28a689
```
#28a689 rgb(40,166,137)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#2845a6
```
#2845a6 rgb(40,69,166)
```

Analogous Color

#a68928
```
#a68928 rgb(166,137,40)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#a62845
```
#a62845 rgb(166,40,69)
```

Split Complementary Color

#84a628
```
#84a628 rgb(132,166,40)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#a62884
```
#a62884 rgb(166,40,132)
```

Triadic Color

#28a64a
```
#28a64a rgb(40,166,74)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#a62884
```
#a62884 rgb(166,40,132)
```
#a64a28
```
#a64a28 rgb(166,74,40)
```

Tetradic Color

#195368
```
#195368 rgb(25,83,104)
```
#1e637d
```
#1e637d rgb(30,99,125)
```
#237491
```
#237491 rgb(35,116,145)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#2d94bb
```
#2d94bb rgb(45,148,187)
```
#33a4ce
```
#33a4ce rgb(51,164,206)
```
#48add3
```
#48add3 rgb(72,173,211)
```

Monochromatic Color

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

#28a4a6
```
#28a4a6 rgb(40,164,166)
```
#2899a6
```
#2899a6 rgb(40,153,166)
```
#288fa6
```
#288fa6 rgb(40,143,166)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#287aa6
```
#287aa6 rgb(40,122,166)
```
#286fa6
```
#286fa6 rgb(40,111,166)
```
#2865a6
```
#2865a6 rgb(40,101,166)
```

Similar Colors

Text with hexadecimal color #2884a6

This text has a font color of #2884a6.

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

#2884a6 background color

This paragraph has a background color of #2884a6.

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

#2884a6 border color

This element has a border color of #2884a6.

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

CSS codes

.text {color:#2884a6;}

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

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

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)
```
#061318
```
#061318 rgb(6,19,24)
```
#0a1f28
```
#0a1f28 rgb(10,31,40)
```
#0d2c37
```
#0d2c37 rgb(13,44,55)
```
#113947
```
#113947 rgb(17,57,71)
```
#154557
```
#154557 rgb(21,69,87)
```
#195267
```
#195267 rgb(25,82,103)
```
#1d5e77
```
#1d5e77 rgb(29,94,119)
```
#206b86
```
#206b86 rgb(32,107,134)
```
#247796
```
#247796 rgb(36,119,150)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#2c91b6
```
#2c91b6 rgb(44,145,182)
```
#309dc6
```
#309dc6 rgb(48,157,198)
```

Shade Color Variation

#39a7cf
```
#39a7cf rgb(57,167,207)
```
#49aed3
```
#49aed3 rgb(73,174,211)
```
#59b5d7
```
#59b5d7 rgb(89,181,215)
```
#69bcdb
```
#69bcdb rgb(105,188,219)
```
#79c3df
```
#79c3df rgb(121,195,223)
```
#88cae2
```
#88cae2 rgb(136,202,226)
```
#98d1e6
```
#98d1e6 rgb(152,209,230)
```
#a8d8ea
```
#a8d8ea rgb(168,216,234)
```
#b8dfee
```
#b8dfee rgb(184,223,238)
```
#c8e6f2
```
#c8e6f2 rgb(200,230,242)
```
#d8edf5
```
#d8edf5 rgb(216,237,245)
```
#e7f4f9
```
#e7f4f9 rgb(231,244,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6a6f is the less saturated color, while #0096ce is the most saturated one.

#5f6a6f
```
#5f6a6f rgb(95,106,111)
```
#586e76
```
#586e76 rgb(88,110,118)
```
#50727e
```
#50727e rgb(80,114,126)
```
#487586
```
#487586 rgb(72,117,134)
```
#40798e
```
#40798e rgb(64,121,142)
```
#387d96
```
#387d96 rgb(56,125,150)
```
#30809e
```
#30809e rgb(48,128,158)
```
#2884a6
```
#2884a6 rgb(40,132,166)
```
#2088ae
```
#2088ae rgb(32,136,174)
```
#188bb6
```
#188bb6 rgb(24,139,182)
```
#108fbe
```
#108fbe rgb(16,143,190)
```
#0893c6
```
#0893c6 rgb(8,147,198)
```
#0096ce
```
#0096ce rgb(0,150,206)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5e7178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7780a3 Protanopia 1% of men
#7180ae Deuteranopia 1% of men
#1c8d98 Tritanopia 0.001% of the population

Trichromacy

#5a81a4 Protanomaly 1% of men, 0.01% of women
#5681ab Deuteranomaly 6% of men, 0.4% of women
#208a9d Tritanomaly 0.01% of the population

#2884a6 hex color

#2884a6 Color Information

#2884a6 Color Conversion

Color Schemes with #2884a6

Alternatives to #2884a6

#2884a6 Preview

Shades and Tints of #2884a6

Tones of #2884a6

Color Blindness Simulator