#2884bf hex color

In a RGB color space, hex #2884bf is composed of 15.7% red, 51.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 30.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 203.4 degrees, a saturation of 65.4% and a lightness of 45.3%. #2884bf color hex could be obtained by blending #50ffff with #00097f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 52
- B 75
RGB color chart
- C 79
- M 31
- Y 0
- K 25
CMYK color chart

● #2884bf color description : Strong blue.

The hexadecimal color #2884bf has RGB values of R:40, G:132, B:191 and CMYK values of C:0.79, M:0.31, Y:0, K:0.25. Its decimal value is 2655423.

Hex triplet	2884bf	`#2884bf`
RGB Decimal	40, 132, 191	`rgb(40,132,191)`
RGB Percent	15.7, 51.8, 74.9	`rgb(15.7%,51.8%,74.9%)`
CMYK	79, 31, 0, 25
HSL	203.4°, 65.4, 45.3	`hsl(203.4,65.4%,45.3%)`
HSV (or HSB)	203.4°, 79.1, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.635, -5.927, -38.304
XYZ	18.528, 20.714, 52.309
xyY	0.202, 0.226, 20.714
CIE-LCH	52.635, 38.76, 261.205
CIE-LUV	52.635, -31.062, -58.077
Hunter-Lab	45.512, -6.979, -36.286
Binary	00101000, 10000100, 10111111

#2884bf
```
#2884bf rgb(40,132,191)
```
#bf6328
```
#bf6328 rgb(191,99,40)
```

Complementary Color

#28bfaf
```
#28bfaf rgb(40,191,175)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#2839bf
```
#2839bf rgb(40,57,191)
```

Analogous Color

#bfaf28
```
#bfaf28 rgb(191,175,40)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#bf2838
```
#bf2838 rgb(191,40,56)
```

Split Complementary Color

#84bf28
```
#84bf28 rgb(132,191,40)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#bf2884
```
#bf2884 rgb(191,40,132)
```

Triadic Color

#28bf63
```
#28bf63 rgb(40,191,99)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#bf2884
```
#bf2884 rgb(191,40,132)
```
#bf6328
```
#bf6328 rgb(191,99,40)
```

Tetradic Color

#1b5880
```
#1b5880 rgb(27,88,128)
```
#1f6795
```
#1f6795 rgb(31,103,149)
```
#2475aa
```
#2475aa rgb(36,117,170)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#2d92d3
```
#2d92d3 rgb(45,146,211)
```
#429dd8
```
#429dd8 rgb(66,157,216)
```
#58a8dc
```
#58a8dc rgb(88,168,220)
```

Monochromatic Color

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

#28aabf
```
#28aabf rgb(40,170,191)
```
#289dbf
```
#289dbf rgb(40,157,191)
```
#2891bf
```
#2891bf rgb(40,145,191)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#2877bf
```
#2877bf rgb(40,119,191)
```
#286bbf
```
#286bbf rgb(40,107,191)
```
#285ebf
```
#285ebf rgb(40,94,191)
```

Similar Colors

Text with hexadecimal color #2884bf

This text has a font color of #2884bf.

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

#2884bf background color

This paragraph has a background color of #2884bf.

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

#2884bf border color

This element has a border color of #2884bf.

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

CSS codes

.text {color:#2884bf;}

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

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

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 #fbfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#06141d
```
#06141d rgb(6,20,29)
```
#091f2d
```
#091f2d rgb(9,31,45)
```
#0d2a3d
```
#0d2a3d rgb(13,42,61)
```
#10364d
```
#10364d rgb(16,54,77)
```
#14415e
```
#14415e rgb(20,65,94)
```
#174c6e
```
#174c6e rgb(23,76,110)
```
#1a577e
```
#1a577e rgb(26,87,126)
```
#1e628e
```
#1e628e rgb(30,98,142)
```
#216e9f
```
#216e9f rgb(33,110,159)
```
#2579af
```
#2579af rgb(37,121,175)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#2b8fcf
```
#2b8fcf rgb(43,143,207)
```

Shade Color Variation

#3998d5
```
#3998d5 rgb(57,152,213)
```
#49a1d9
```
#49a1d9 rgb(73,161,217)
```
#59a9dc
```
#59a9dc rgb(89,169,220)
```
#69b1e0
```
#69b1e0 rgb(105,177,224)
```
#7abae3
```
#7abae3 rgb(122,186,227)
```
#8ac2e6
```
#8ac2e6 rgb(138,194,230)
```
#9acbea
```
#9acbea rgb(154,203,234)
```
#aad3ed
```
#aad3ed rgb(170,211,237)
```
#badbf1
```
#badbf1 rgb(186,219,241)
```
#cbe4f4
```
#cbe4f4 rgb(203,228,244)
```
#dbecf7
```
#dbecf7 rgb(219,236,247)
```
#ebf5fb
```
#ebf5fb rgb(235,245,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6f7478
```
#6f7478 rgb(111,116,120)
```
#667681
```
#667681 rgb(102,118,129)
```
#5d788a
```
#5d788a rgb(93,120,138)
```
#547a93
```
#547a93 rgb(84,122,147)
```
#4c7c9b
```
#4c7c9b rgb(76,124,155)
```
#437ea4
```
#437ea4 rgb(67,126,164)
```
#3a80ad
```
#3a80ad rgb(58,128,173)
```
#3182b6
```
#3182b6 rgb(49,130,182)
```
#2884bf
```
#2884bf rgb(40,132,191)
```
#1f86c8
```
#1f86c8 rgb(31,134,200)
```
#1688d1
```
#1688d1 rgb(22,136,209)
```
#0d8ada
```
#0d8ada rgb(13,138,218)
```
#048ce3
```
#048ce3 rgb(4,140,227)
```

Tone Color Variation

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

Dichromacy

#6f82bc Protanopia 1% of men
#6084c4 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#5582bd Protanomaly 1% of men, 0.01% of women
#4b84c2 Deuteranomaly 6% of men, 0.4% of women
#0e8ca8 Tritanomaly 0.01% of the population

#2884bf hex color

#2884bf Color Information

#2884bf Color Conversion

Color Schemes with #2884bf

Alternatives to #2884bf

#2884bf Preview

Shades and Tints of #2884bf

Tones of #2884bf

Color Blindness Simulator