#2194ce hex color

In a RGB color space, hex #2194ce is composed of 12.9% red, 58% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 28.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 200.1 degrees, a saturation of 72.4% and a lightness of 46.9%. #2194ce color hex could be obtained by blending #42ffff with #00299d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 58
- B 81
RGB color chart
- C 84
- M 28
- Y 0
- K 19
CMYK color chart

● #2194ce color description : Strong blue.

The hexadecimal color #2194ce has RGB values of R:33, G:148, B:206 and CMYK values of C:0.84, M:0.28, Y:0, K:0.19. Its decimal value is 2200782.

Hex triplet	2194ce	`#2194ce`
RGB Decimal	33, 148, 206	`rgb(33,148,206)`
RGB Percent	12.9, 58, 80.8	`rgb(12.9%,58%,80.8%)`
CMYK	84, 28, 0, 19
HSL	200.1°, 72.4, 46.9	`hsl(200.1,72.4%,46.9%)`
HSV (or HSB)	200.1°, 84, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.997, -10.314, -38.387
XYZ	22.355, 25.957, 62.221
xyY	0.202, 0.235, 25.957
CIE-LCH	57.997, 39.749, 254.961
CIE-LUV	57.997, -36.494, -58.749
Hunter-Lab	50.948, -10.838, -36.745
Binary	00100001, 10010100, 11001110

#2194ce
```
#2194ce rgb(33,148,206)
```
#ce5b21
```
#ce5b21 rgb(206,91,33)
```

Complementary Color

#21ceb2
```
#21ceb2 rgb(33,206,178)
```
#2194ce
```
#2194ce rgb(33,148,206)
```
#213ece
```
#213ece rgb(33,62,206)
```

Analogous Color

#ceb221
```
#ceb221 rgb(206,178,33)
```
#2194ce
```
#2194ce rgb(33,148,206)
```
#ce213e
```
#ce213e rgb(206,33,62)
```

Split Complementary Color

#94ce21
```
#94ce21 rgb(148,206,33)
```
#2194ce
```
#2194ce rgb(33,148,206)
```
#ce2194
```
#ce2194 rgb(206,33,148)
```

Triadic Color

#21ce5b
```
#21ce5b rgb(33,206,91)
```
#2194ce
```
#2194ce rgb(33,148,206)
```
#ce2194
```
#ce2194 rgb(206,33,148)
```
#ce5b21
```
#ce5b21 rgb(206,91,33)
```

Tetradic Color

#16658c
```
#16658c rgb(22,101,140)
```
#1a74a2
```
#1a74a2 rgb(26,116,162)
```
#1d84b8
```
#1d84b8 rgb(29,132,184)
```
#2194ce
```
#2194ce rgb(33,148,206)
```
#2ba2dd
```
#2ba2dd rgb(43,162,221)
```
#41abe1
```
#41abe1 rgb(65,171,225)
```
#57b5e4
```
#57b5e4 rgb(87,181,228)
```

Monochromatic Color

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

#21bfce
```
#21bfce rgb(33,191,206)
```
#21b1ce
```
#21b1ce rgb(33,177,206)
```
#21a2ce
```
#21a2ce rgb(33,162,206)
```
#2194ce
```
#2194ce rgb(33,148,206)
```
#2186ce
```
#2186ce rgb(33,134,206)
```
#2177ce
```
#2177ce rgb(33,119,206)
```
#2169ce
```
#2169ce rgb(33,105,206)
```

Similar Colors

Text with hexadecimal color #2194ce

This text has a font color of #2194ce.

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

#2194ce background color

This paragraph has a background color of #2194ce.

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

#2194ce border color

This element has a border color of #2194ce.

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

CSS codes

.text {color:#2194ce;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#030e14
```
#030e14 rgb(3,14,20)
```
#061b25
```
#061b25 rgb(6,27,37)
```
#092736
```
#092736 rgb(9,39,54)
```
#0b3347
```
#0b3347 rgb(11,51,71)
```
#0e3f58
```
#0e3f58 rgb(14,63,88)
```
#114b69
```
#114b69 rgb(17,75,105)
```
#135779
```
#135779 rgb(19,87,121)
```
#16638a
```
#16638a rgb(22,99,138)
```
#19709b
```
#19709b rgb(25,112,155)
```
#1c7cac
```
#1c7cac rgb(28,124,172)
```
#1e88bd
```
#1e88bd rgb(30,136,189)
```
#2194ce
```
#2194ce rgb(33,148,206)
```

Shade Color Variation

#269fdc
```
#269fdc rgb(38,159,220)
```
#37a7df
```
#37a7df rgb(55,167,223)
```
#48aee2
```
#48aee2 rgb(72,174,226)
```
#59b6e4
```
#59b6e4 rgb(89,182,228)
```
#6abde7
```
#6abde7 rgb(106,189,231)
```
#7bc5ea
```
#7bc5ea rgb(123,197,234)
```
#8ccced
```
#8ccced rgb(140,204,237)
```
#9dd4ef
```
#9dd4ef rgb(157,212,239)
```
#aedbf2
```
#aedbf2 rgb(174,219,242)
```
#bee3f5
```
#bee3f5 rgb(190,227,245)
```
#cfeaf7
```
#cfeaf7 rgb(207,234,247)
```
#e0f1fa
```
#e0f1fa rgb(224,241,250)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74797b is the less saturated color, while #059dea is the most saturated one.

#74797b
```
#74797b rgb(116,121,123)
```
#6b7c84
```
#6b7c84 rgb(107,124,132)
```
#617f8e
```
#617f8e rgb(97,127,142)
```
#588297
```
#588297 rgb(88,130,151)
```
#4f85a0
```
#4f85a0 rgb(79,133,160)
```
#4688a9
```
#4688a9 rgb(70,136,169)
```
#3d8bb2
```
#3d8bb2 rgb(61,139,178)
```
#338ebc
```
#338ebc rgb(51,142,188)
```
#2a91c5
```
#2a91c5 rgb(42,145,197)
```
#2194ce
```
#2194ce rgb(33,148,206)
```
#1897d7
```
#1897d7 rgb(24,151,215)
```
#0f9ae0
```
#0f9ae0 rgb(15,154,224)
```
#059dea
```
#059dea rgb(5,157,234)
```

Tone Color Variation

Below, you can see how #2194ce 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
#677e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8fc9 Protanopia 1% of men
#6e90d4 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#5c91ca Protanomaly 1% of men, 0.01% of women
#5292d1 Deuteranomaly 6% of men, 0.4% of women
#0c9bb7 Tritanomaly 0.01% of the population

#2194ce hex color

#2194ce Color Information

#2194ce Color Conversion

Color Schemes with #2194ce

Alternatives to #2194ce

#2194ce Preview

Shades and Tints of #2194ce

Tones of #2194ce

Color Blindness Simulator