#2894bf hex color

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

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

● #2894bf color description : Strong blue.

The hexadecimal color #2894bf has RGB values of R:40, G:148, B:191 and CMYK values of C:0.79, M:0.23, Y:0, K:0.25. Its decimal value is 2659519.

Hex triplet	2894bf	`#2894bf`
RGB Decimal	40, 148, 191	`rgb(40,148,191)`
RGB Percent	15.7, 58, 74.9	`rgb(15.7%,58%,74.9%)`
CMYK	79, 23, 0, 25
HSL	197.1°, 65.4, 45.3	`hsl(197.1,65.4%,45.3%)`
HSV (or HSB)	197.1°, 79.1, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.454, -14.983, -30.769
XYZ	20.867, 25.391, 53.088
xyY	0.21, 0.256, 25.391
CIE-LCH	57.454, 34.223, 244.036
CIE-LUV	57.454, -36.641, -45.556
Hunter-Lab	50.389, -14.263, -27.194
Binary	00101000, 10010100, 10111111

#2894bf
```
#2894bf rgb(40,148,191)
```
#bf5328
```
#bf5328 rgb(191,83,40)
```

Complementary Color

#28bf9f
```
#28bf9f rgb(40,191,159)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#2849bf
```
#2849bf rgb(40,73,191)
```

Analogous Color

#bf9f28
```
#bf9f28 rgb(191,159,40)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#bf2849
```
#bf2849 rgb(191,40,73)
```

Split Complementary Color

#94bf28
```
#94bf28 rgb(148,191,40)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#bf2894
```
#bf2894 rgb(191,40,148)
```

Triadic Color

#28bf53
```
#28bf53 rgb(40,191,83)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#bf2894
```
#bf2894 rgb(191,40,148)
```
#bf5328
```
#bf5328 rgb(191,83,40)
```

Tetradic Color

#1b6380
```
#1b6380 rgb(27,99,128)
```
#1f7395
```
#1f7395 rgb(31,115,149)
```
#2484aa
```
#2484aa rgb(36,132,170)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#2da4d3
```
#2da4d3 rgb(45,164,211)
```
#42add8
```
#42add8 rgb(66,173,216)
```
#58b6dc
```
#58b6dc rgb(88,182,220)
```

Monochromatic Color

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

#28babf
```
#28babf rgb(40,186,191)
```
#28adbf
```
#28adbf rgb(40,173,191)
```
#28a1bf
```
#28a1bf rgb(40,161,191)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#2887bf
```
#2887bf rgb(40,135,191)
```
#287bbf
```
#287bbf rgb(40,123,191)
```
#286ebf
```
#286ebf rgb(40,110,191)
```

Similar Colors

Text with hexadecimal color #2894bf

This text has a font color of #2894bf.

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

#2894bf background color

This paragraph has a background color of #2894bf.

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

#2894bf border color

This element has a border color of #2894bf.

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

CSS codes

.text {color:#2894bf;}

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

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

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, #030a0d is the darkest color, while #fbfdfe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#06161d
```
#06161d rgb(6,22,29)
```
#09232d
```
#09232d rgb(9,35,45)
```
#0d2f3d
```
#0d2f3d rgb(13,47,61)
```
#103c4d
```
#103c4d rgb(16,60,77)
```
#14495e
```
#14495e rgb(20,73,94)
```
#17556e
```
#17556e rgb(23,85,110)
```
#1a627e
```
#1a627e rgb(26,98,126)
```
#1e6e8e
```
#1e6e8e rgb(30,110,142)
```
#217b9f
```
#217b9f rgb(33,123,159)
```
#2587af
```
#2587af rgb(37,135,175)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#2ba1cf
```
#2ba1cf rgb(43,161,207)
```

Shade Color Variation

#39a9d5
```
#39a9d5 rgb(57,169,213)
```
#49b0d9
```
#49b0d9 rgb(73,176,217)
```
#59b7dc
```
#59b7dc rgb(89,183,220)
```
#69bee0
```
#69bee0 rgb(105,190,224)
```
#7ac5e3
```
#7ac5e3 rgb(122,197,227)
```
#8acce6
```
#8acce6 rgb(138,204,230)
```
#9ad3ea
```
#9ad3ea rgb(154,211,234)
```
#aadaed
```
#aadaed rgb(170,218,237)
```
#bae1f1
```
#bae1f1 rgb(186,225,241)
```
#cbe8f4
```
#cbe8f4 rgb(203,232,244)
```
#dbeff7
```
#dbeff7 rgb(219,239,247)
```
#ebf6fb
```
#ebf6fb rgb(235,246,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6f7578
```
#6f7578 rgb(111,117,120)
```
#667981
```
#667981 rgb(102,121,129)
```
#5d7d8a
```
#5d7d8a rgb(93,125,138)
```
#548193
```
#548193 rgb(84,129,147)
```
#4c859b
```
#4c859b rgb(76,133,155)
```
#4389a4
```
#4389a4 rgb(67,137,164)
```
#3a8cad
```
#3a8cad rgb(58,140,173)
```
#3190b6
```
#3190b6 rgb(49,144,182)
```
#2894bf
```
#2894bf rgb(40,148,191)
```
#1f98c8
```
#1f98c8 rgb(31,152,200)
```
#169cd1
```
#169cd1 rgb(22,156,209)
```
#0d9fda
```
#0d9fda rgb(13,159,218)
```
#04a3e3
```
#04a3e3 rgb(4,163,227)
```

Tone Color Variation

Below, you can see how #2894bf 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

#797979 Achromatopsia 0.005% of the population
#697e87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828eba Protanopia 1% of men
#7a8ec6 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#6190bc Protanomaly 1% of men, 0.01% of women
#5c90c3 Deuteranomaly 6% of men, 0.4% of women
#0e9ab1 Tritanomaly 0.01% of the population

#2894bf hex color

#2894bf Color Information

#2894bf Color Conversion

Color Schemes with #2894bf

Alternatives to #2894bf

#2894bf Preview

Shades and Tints of #2894bf

Tones of #2894bf

Color Blindness Simulator