#2194ca hex color

In a RGB color space, hex #2194ca is composed of 12.9% red, 58% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 26.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 199.2 degrees, a saturation of 71.9% and a lightness of 46.1%. #2194ca color hex could be obtained by blending #42ffff with #002995. Closest websafe color is: #3399cc.

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

● #2194ca color description : Strong blue.

The hexadecimal color #2194ca has RGB values of R:33, G:148, B:202 and CMYK values of C:0.84, M:0.27, Y:0, K:0.21. Its decimal value is 2200778.

Hex triplet	2194ca	`#2194ca`
RGB Decimal	33, 148, 202	`rgb(33,148,202)`
RGB Percent	12.9, 58, 79.2	`rgb(12.9%,58%,79.2%)`
CMYK	84, 27, 0, 21
HSL	199.2°, 71.9, 46.1	`hsl(199.2,71.9%,46.1%)`
HSV (or HSB)	199.2°, 83.7, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.814, -11.75, -36.424
XYZ	21.875, 25.765, 59.694
xyY	0.204, 0.24, 25.765
CIE-LCH	57.814, 38.273, 252.122
CIE-LUV	57.814, -36.743, -55.309
Hunter-Lab	50.76, -11.904, -34.194
Binary	00100001, 10010100, 11001010

#2194ca
```
#2194ca rgb(33,148,202)
```
#ca5721
```
#ca5721 rgb(202,87,33)
```

Complementary Color

#21caac
```
#21caac rgb(33,202,172)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#2140ca
```
#2140ca rgb(33,64,202)
```

Analogous Color

#caac21
```
#caac21 rgb(202,172,33)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#ca2140
```
#ca2140 rgb(202,33,64)
```

Split Complementary Color

#94ca21
```
#94ca21 rgb(148,202,33)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#ca2194
```
#ca2194 rgb(202,33,148)
```

Triadic Color

#21ca57
```
#21ca57 rgb(33,202,87)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#ca2194
```
#ca2194 rgb(202,33,148)
```
#ca5721
```
#ca5721 rgb(202,87,33)
```

Tetradic Color

#166488
```
#166488 rgb(22,100,136)
```
#1a749e
```
#1a749e rgb(26,116,158)
```
#1d84b4
```
#1d84b4 rgb(29,132,180)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#29a3dc
```
#29a3dc rgb(41,163,220)
```
#3eace0
```
#3eace0 rgb(62,172,224)
```
#54b6e3
```
#54b6e3 rgb(84,182,227)
```

Monochromatic Color

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

#21beca
```
#21beca rgb(33,190,202)
```
#21b0ca
```
#21b0ca rgb(33,176,202)
```
#21a2ca
```
#21a2ca rgb(33,162,202)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#2186ca
```
#2186ca rgb(33,134,202)
```
#2178ca
```
#2178ca rgb(33,120,202)
```
#216aca
```
#216aca rgb(33,106,202)
```

Similar Colors

Text with hexadecimal color #2194ca

This text has a font color of #2194ca.

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

#2194ca background color

This paragraph has a background color of #2194ca.

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

#2194ca border color

This element has a border color of #2194ca.

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

CSS codes

.text {color:#2194ca;}

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

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

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

#030c11
```
#030c11 rgb(3,12,17)
```
#051821
```
#051821 rgb(5,24,33)
```
#082532
```
#082532 rgb(8,37,50)
```
#0b3143
```
#0b3143 rgb(11,49,67)
```
#0e3e54
```
#0e3e54 rgb(14,62,84)
```
#104a65
```
#104a65 rgb(16,74,101)
```
#135676
```
#135676 rgb(19,86,118)
```
#166387
```
#166387 rgb(22,99,135)
```
#196f97
```
#196f97 rgb(25,111,151)
```
#1b7ba8
```
#1b7ba8 rgb(27,123,168)
```
#1e88b9
```
#1e88b9 rgb(30,136,185)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#24a0db
```
#24a0db rgb(36,160,219)
```

Shade Color Variation

#34a8de
```
#34a8de rgb(52,168,222)
```
#45afe1
```
#45afe1 rgb(69,175,225)
```
#56b6e3
```
#56b6e3 rgb(86,182,227)
```
#67bee6
```
#67bee6 rgb(103,190,230)
```
#78c5e9
```
#78c5e9 rgb(120,197,233)
```
#89ccec
```
#89ccec rgb(137,204,236)
```
#9ad3ee
```
#9ad3ee rgb(154,211,238)
```
#aadbf1
```
#aadbf1 rgb(170,219,241)
```
#bbe2f4
```
#bbe2f4 rgb(187,226,244)
```
#cce9f7
```
#cce9f7 rgb(204,233,247)
```
#ddf0f9
```
#ddf0f9 rgb(221,240,249)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727779 is the less saturated color, while #069ee5 is the most saturated one.

#727779
```
#727779 rgb(114,119,121)
```
#697a82
```
#697a82 rgb(105,122,130)
```
#607d8b
```
#607d8b rgb(96,125,139)
```
#578094
```
#578094 rgb(87,128,148)
```
#4e849d
```
#4e849d rgb(78,132,157)
```
#4587a6
```
#4587a6 rgb(69,135,166)
```
#3c8aaf
```
#3c8aaf rgb(60,138,175)
```
#338db8
```
#338db8 rgb(51,141,184)
```
#2a91c1
```
#2a91c1 rgb(42,145,193)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#1897d3
```
#1897d3 rgb(24,151,211)
```
#0f9bdc
```
#0f9bdc rgb(15,155,220)
```
#069ee5
```
#069ee5 rgb(6,158,229)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#677e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#5c90c6 Protanomaly 1% of men, 0.01% of women
#5491ce Deuteranomaly 6% of men, 0.4% of women
#0c9bb5 Tritanomaly 0.01% of the population

#2194ca hex color

#2194ca Color Information

#2194ca Color Conversion

Color Schemes with #2194ca

Alternatives to #2194ca

#2194ca Preview

Shades and Tints of #2194ca

Tones of #2194ca

Color Blindness Simulator