#2894ca hex color

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

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

● #2894ca color description : Strong blue.

The hexadecimal color #2894ca has RGB values of R:40, G:148, B:202 and CMYK values of C:0.8, M:0.27, Y:0, K:0.21. Its decimal value is 2659530.

Hex triplet	2894ca	`#2894ca`
RGB Decimal	40, 148, 202	`rgb(40,148,202)`
RGB Percent	15.7, 58, 79.2	`rgb(15.7%,58%,79.2%)`
CMYK	80, 27, 0, 21
HSL	200°, 66.9, 47.5	`hsl(200,66.9%,47.5%)`
HSV (or HSB)	200°, 80.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.936, -11.122, -36.225
XYZ	22.123, 25.893, 59.706
xyY	0.205, 0.24, 25.893
CIE-LCH	57.936, 37.894, 252.932
CIE-LUV	57.936, -35.972, -55.066
Hunter-Lab	50.885, -11.445, -33.947
Binary	00101000, 10010100, 11001010

#2894ca
```
#2894ca rgb(40,148,202)
```
#ca5e28
```
#ca5e28 rgb(202,94,40)
```

Complementary Color

#28caaf
```
#28caaf rgb(40,202,175)
```
#2894ca
```
#2894ca rgb(40,148,202)
```
#2843ca
```
#2843ca rgb(40,67,202)
```

Analogous Color

#caaf28
```
#caaf28 rgb(202,175,40)
```
#2894ca
```
#2894ca rgb(40,148,202)
```
#ca2843
```
#ca2843 rgb(202,40,67)
```

Split Complementary Color

#94ca28
```
#94ca28 rgb(148,202,40)
```
#2894ca
```
#2894ca rgb(40,148,202)
```
#ca2894
```
#ca2894 rgb(202,40,148)
```

Triadic Color

#28ca5e
```
#28ca5e rgb(40,202,94)
```
#2894ca
```
#2894ca rgb(40,148,202)
```
#ca2894
```
#ca2894 rgb(202,40,148)
```
#ca5e28
```
#ca5e28 rgb(202,94,40)
```

Tetradic Color

#1b658a
```
#1b658a rgb(27,101,138)
```
#20759f
```
#20759f rgb(32,117,159)
```
#2484b5
```
#2484b5 rgb(36,132,181)
```
#2894ca
```
#2894ca rgb(40,148,202)
```
#35a1d7
```
#35a1d7 rgb(53,161,215)
```
#4aabdb
```
#4aabdb rgb(74,171,219)
```
#5fb5df
```
#5fb5df rgb(95,181,223)
```

Monochromatic Color

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

#28bdca
```
#28bdca rgb(40,189,202)
```
#28afca
```
#28afca rgb(40,175,202)
```
#28a2ca
```
#28a2ca rgb(40,162,202)
```
#2894ca
```
#2894ca rgb(40,148,202)
```
#2887ca
```
#2887ca rgb(40,135,202)
```
#2879ca
```
#2879ca rgb(40,121,202)
```
#286cca
```
#286cca rgb(40,108,202)
```

Similar Colors

Text with hexadecimal color #2894ca

This text has a font color of #2894ca.

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

#2894ca background color

This paragraph has a background color of #2894ca.

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

#2894ca border color

This element has a border color of #2894ca.

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

CSS codes

.text {color:#2894ca;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#041016
```
#041016 rgb(4,16,22)
```
#081c26
```
#081c26 rgb(8,28,38)
```
#0b2837
```
#0b2837 rgb(11,40,55)
```
#0e3447
```
#0e3447 rgb(14,52,71)
```
#114057
```
#114057 rgb(17,64,87)
```
#154c68
```
#154c68 rgb(21,76,104)
```
#185878
```
#185878 rgb(24,88,120)
```
#1b6489
```
#1b6489 rgb(27,100,137)
```
#1e7099
```
#1e7099 rgb(30,112,153)
```
#227ca9
```
#227ca9 rgb(34,124,169)
```
#2588ba
```
#2588ba rgb(37,136,186)
```
#2894ca
```
#2894ca rgb(40,148,202)
```

Shade Color Variation

#309fd6
```
#309fd6 rgb(48,159,214)
```
#40a6d9
```
#40a6d9 rgb(64,166,217)
```
#50aedc
```
#50aedc rgb(80,174,220)
```
#61b5e0
```
#61b5e0 rgb(97,181,224)
```
#71bde3
```
#71bde3 rgb(113,189,227)
```
#82c5e6
```
#82c5e6 rgb(130,197,230)
```
#92cce9
```
#92cce9 rgb(146,204,233)
```
#a2d4ed
```
#a2d4ed rgb(162,212,237)
```
#b3dbf0
```
#b3dbf0 rgb(179,219,240)
```
#c3e3f3
```
#c3e3f3 rgb(195,227,243)
```
#d3ebf6
```
#d3ebf6 rgb(211,235,246)
```
#e4f2fa
```
#e4f2fa rgb(228,242,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#727b80
```
#727b80 rgb(114,123,128)
```
#697e89
```
#697e89 rgb(105,126,137)
```
#608192
```
#608192 rgb(96,129,146)
```
#57849b
```
#57849b rgb(87,132,155)
```
#4d88a5
```
#4d88a5 rgb(77,136,165)
```
#448bae
```
#448bae rgb(68,139,174)
```
#3b8eb7
```
#3b8eb7 rgb(59,142,183)
```
#3191c1
```
#3191c1 rgb(49,145,193)
```
#2894ca
```
#2894ca rgb(40,148,202)
```
#1f97d3
```
#1f97d3 rgb(31,151,211)
```
#159add
```
#159add rgb(21,154,221)
```
#0c9de6
```
#0c9de6 rgb(12,157,230)
```
#03a0ef
```
#03a0ef rgb(3,160,239)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6a7f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8fc5 Protanopia 1% of men
#7290d0 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#5f91c7 Protanomaly 1% of men, 0.01% of women
#5791ce Deuteranomaly 6% of men, 0.4% of women
#0e9bb6 Tritanomaly 0.01% of the population

#2894ca hex color

#2894ca Color Information

#2894ca Color Conversion

Color Schemes with #2894ca

Alternatives to #2894ca

#2894ca Preview

Shades and Tints of #2894ca

Tones of #2894ca

Color Blindness Simulator