#2883a5 hex color

In a RGB color space, hex #2883a5 is composed of 15.7% red, 51.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 20.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 196.3 degrees, a saturation of 61% and a lightness of 40.2%. #2883a5 color hex could be obtained by blending #50ffff with #00074b. Closest websafe color is: #339999.

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

● #2883a5 color description : Dark blue.

The hexadecimal color #2883a5 has RGB values of R:40, G:131, B:165 and CMYK values of C:0.76, M:0.21, Y:0, K:0.35. Its decimal value is 2655141.

Hex triplet	2883a5	`#2883a5`
RGB Decimal	40, 131, 165	`rgb(40,131,165)`
RGB Percent	15.7, 51.4, 64.7	`rgb(15.7%,51.4%,64.7%)`
CMYK	76, 21, 0, 35
HSL	196.3°, 61, 40.2	`hsl(196.3,61%,40.2%)`
HSV (or HSB)	196.3°, 75.8, 64.7
Web Safe	339999	`#339999`

CIE-LAB	51.151, -14.63, -25.659
XYZ	15.781, 19.399, 38.508
xyY	0.214, 0.263, 19.399
CIE-LCH	51.151, 29.537, 240.309
CIE-LUV	51.151, -32.156, -36.505
Hunter-Lab	44.044, -13.121, -21.006
Binary	00101000, 10000011, 10100101

#2883a5
```
#2883a5 rgb(40,131,165)
```
#a54a28
```
#a54a28 rgb(165,74,40)
```

Complementary Color

#28a589
```
#28a589 rgb(40,165,137)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#2844a5
```
#2844a5 rgb(40,68,165)
```

Analogous Color

#a58928
```
#a58928 rgb(165,137,40)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#a52844
```
#a52844 rgb(165,40,68)
```

Split Complementary Color

#83a528
```
#83a528 rgb(131,165,40)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#a52883
```
#a52883 rgb(165,40,131)
```

Triadic Color

#28a54a
```
#28a54a rgb(40,165,74)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#a52883
```
#a52883 rgb(165,40,131)
```
#a54a28
```
#a54a28 rgb(165,74,40)
```

Tetradic Color

#195267
```
#195267 rgb(25,82,103)
```
#1e627c
```
#1e627c rgb(30,98,124)
```
#237390
```
#237390 rgb(35,115,144)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#2d93ba
```
#2d93ba rgb(45,147,186)
```
#33a3cd
```
#33a3cd rgb(51,163,205)
```
#47add2
```
#47add2 rgb(71,173,210)
```

Monochromatic Color

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

#28a2a5
```
#28a2a5 rgb(40,162,165)
```
#2898a5
```
#2898a5 rgb(40,152,165)
```
#288da5
```
#288da5 rgb(40,141,165)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#2879a5
```
#2879a5 rgb(40,121,165)
```
#286ea5
```
#286ea5 rgb(40,110,165)
```
#2864a5
```
#2864a5 rgb(40,100,165)
```

Similar Colors

Text with hexadecimal color #2883a5

This text has a font color of #2883a5.

<span style="color:#2883a5;">Text here</span>

#2883a5 background color

This paragraph has a background color of #2883a5.

<p style="background-color:#2883a5;">Content here</p>

#2883a5 border color

This element has a border color of #2883a5.

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

CSS codes

.text {color:#2883a5;}

.background {background-color:#2883a5;}

.border {border:1px solid #2883a5;}

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

#020607
```
#020607 rgb(2,6,7)
```
#061217
```
#061217 rgb(6,18,23)
```
#091f27
```
#091f27 rgb(9,31,39)
```
#0d2b36
```
#0d2b36 rgb(13,43,54)
```
#113846
```
#113846 rgb(17,56,70)
```
#154456
```
#154456 rgb(21,68,86)
```
#195166
```
#195166 rgb(25,81,102)
```
#1d5d76
```
#1d5d76 rgb(29,93,118)
```
#206a85
```
#206a85 rgb(32,106,133)
```
#247695
```
#247695 rgb(36,118,149)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#2c90b5
```
#2c90b5 rgb(44,144,181)
```
#309cc5
```
#309cc5 rgb(48,156,197)
```

Shade Color Variation

#39a6cf
```
#39a6cf rgb(57,166,207)
```
#49add3
```
#49add3 rgb(73,173,211)
```
#58b4d7
```
#58b4d7 rgb(88,180,215)
```
#68bbda
```
#68bbda rgb(104,187,218)
```
#78c2de
```
#78c2de rgb(120,194,222)
```
#88cae2
```
#88cae2 rgb(136,202,226)
```
#98d1e6
```
#98d1e6 rgb(152,209,230)
```
#a7d8ea
```
#a7d8ea rgb(167,216,234)
```
#b7dfee
```
#b7dfee rgb(183,223,238)
```
#c7e6f1
```
#c7e6f1 rgb(199,230,241)
```
#d7edf5
```
#d7edf5 rgb(215,237,245)
```
#e7f4f9
```
#e7f4f9 rgb(231,244,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#5f6a6e
```
#5f6a6e rgb(95,106,110)
```
#576d76
```
#576d76 rgb(87,109,118)
```
#4f717e
```
#4f717e rgb(79,113,126)
```
#487585
```
#487585 rgb(72,117,133)
```
#40788d
```
#40788d rgb(64,120,141)
```
#387c95
```
#387c95 rgb(56,124,149)
```
#307f9d
```
#307f9d rgb(48,127,157)
```
#2883a5
```
#2883a5 rgb(40,131,165)
```
#2087ad
```
#2087ad rgb(32,135,173)
```
#188ab5
```
#188ab5 rgb(24,138,181)
```
#108ebd
```
#108ebd rgb(16,142,189)
```
#0891c5
```
#0891c5 rgb(8,145,197)
```
#0195cc
```
#0195cc rgb(1,149,204)
```

Tone Color Variation

Below, you can see how #2883a5 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
#5e7177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767fa2 Protanopia 1% of men
#707fad Deuteranopia 1% of men
#1c8c97 Tritanopia 0.001% of the population

Trichromacy

#5a80a3 Protanomaly 1% of men, 0.01% of women
#5680aa Deuteranomaly 6% of men, 0.4% of women
#20899c Tritanomaly 0.01% of the population

#2883a5 hex color

#2883a5 Color Information

#2883a5 Color Conversion

Color Schemes with #2883a5

Alternatives to #2883a5

#2883a5 Preview

Shades and Tints of #2883a5

Tones of #2883a5

Color Blindness Simulator