#194ea5 hex color

In a RGB color space, hex #194ea5 is composed of 9.8% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 217.3 degrees, a saturation of 73.7% and a lightness of 37.3%. #194ea5 color hex could be obtained by blending #329cff with #00004b. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 31
- B 65
RGB color chart
- C 85
- M 53
- Y 0
- K 35
CMYK color chart

● #194ea5 color description : Dark blue.

The hexadecimal color #194ea5 has RGB values of R:25, G:78, B:165 and CMYK values of C:0.85, M:0.53, Y:0, K:0.35. Its decimal value is 1658533.

Hex triplet	194ea5	`#194ea5`
RGB Decimal	25, 78, 165	`rgb(25,78,165)`
RGB Percent	9.8, 30.6, 64.7	`rgb(9.8%,30.6%,64.7%)`
CMYK	85, 53, 0, 35
HSL	217.3°, 73.7, 37.3	`hsl(217.3,73.7%,37.3%)`
HSV (or HSB)	217.3°, 84.8, 64.7
Web Safe	006699	`#006699`

CIE-LAB	34.744, 16.649, -51.682
XYZ	9.915, 8.371, 36.688
xyY	0.18, 0.152, 8.371
CIE-LCH	34.744, 54.297, 287.856
CIE-LUV	34.744, -16.405, -72.95
Hunter-Lab	28.933, 10.539, -54.929
Binary	00011001, 01001110, 10100101

#194ea5
```
#194ea5 rgb(25,78,165)
```
#a57019
```
#a57019 rgb(165,112,25)
```

Complementary Color

#1994a5
```
#1994a5 rgb(25,148,165)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#2a19a5
```
#2a19a5 rgb(42,25,165)
```

Analogous Color

#94a519
```
#94a519 rgb(148,165,25)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#a52a19
```
#a52a19 rgb(165,42,25)
```

Split Complementary Color

#4ea519
```
#4ea519 rgb(78,165,25)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#a5194e
```
#a5194e rgb(165,25,78)
```

Triadic Color

#19a570
```
#19a570 rgb(25,165,112)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#a5194e
```
#a5194e rgb(165,25,78)
```
#a57019
```
#a57019 rgb(165,112,25)
```

Tetradic Color

#0f2f63
```
#0f2f63 rgb(15,47,99)
```
#123979
```
#123979 rgb(18,57,121)
```
#16448f
```
#16448f rgb(22,68,143)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#1c58bb
```
#1c58bb rgb(28,88,187)
```
#2063d1
```
#2063d1 rgb(32,99,209)
```
#2c6fdf
```
#2c6fdf rgb(44,111,223)
```

Monochromatic Color

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

#1971a5
```
#1971a5 rgb(25,113,165)
```
#1965a5
```
#1965a5 rgb(25,101,165)
```
#195aa5
```
#195aa5 rgb(25,90,165)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#1942a5
```
#1942a5 rgb(25,66,165)
```
#1937a5
```
#1937a5 rgb(25,55,165)
```
#192ba5
```
#192ba5 rgb(25,43,165)
```

Similar Colors

Text with hexadecimal color #194ea5

This text has a font color of #194ea5.

<span style="color:#194ea5;">Text here</span>

#194ea5 background color

This paragraph has a background color of #194ea5.

<p style="background-color:#194ea5;">Content here</p>

#194ea5 border color

This element has a border color of #194ea5.

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

CSS codes

.text {color:#194ea5;}

.background {background-color:#194ea5;}

.border {border:1px solid #194ea5;}

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, #02060c is the darkest color, while #fafbfe is the lightest one.

#02060c
```
#02060c rgb(2,6,12)
```
#040e1d
```
#040e1d rgb(4,14,29)
```
#07162e
```
#07162e rgb(7,22,46)
```
#0a1e3f
```
#0a1e3f rgb(10,30,63)
```
#0c2650
```
#0c2650 rgb(12,38,80)
```
#0f2e61
```
#0f2e61 rgb(15,46,97)
```
#113672
```
#113672 rgb(17,54,114)
```
#143e83
```
#143e83 rgb(20,62,131)
```
#164694
```
#164694 rgb(22,70,148)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#1c56b6
```
#1c56b6 rgb(28,86,182)
```
#1e5ec7
```
#1e5ec7 rgb(30,94,199)
```
#2166d8
```
#2166d8 rgb(33,102,216)
```

Shade Color Variation

#2d71df
```
#2d71df rgb(45,113,223)
```
#3e7ce2
```
#3e7ce2 rgb(62,124,226)
```
#4f88e4
```
#4f88e4 rgb(79,136,228)
```
#6093e7
```
#6093e7 rgb(96,147,231)
```
#719fea
```
#719fea rgb(113,159,234)
```
#82aaec
```
#82aaec rgb(130,170,236)
```
#93b6ef
```
#93b6ef rgb(147,182,239)
```
#a4c2f1
```
#a4c2f1 rgb(164,194,241)
```
#b6cdf4
```
#b6cdf4 rgb(182,205,244)
```
#c7d9f6
```
#c7d9f6 rgb(199,217,246)
```
#d8e4f9
```
#d8e4f9 rgb(216,228,249)
```
#e9f0fc
```
#e9f0fc rgb(233,240,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5e63 is the less saturated color, while #0349bb is the most saturated one.

#5b5e63
```
#5b5e63 rgb(91,94,99)
```
#535c6b
```
#535c6b rgb(83,92,107)
```
#4c5a72
```
#4c5a72 rgb(76,90,114)
```
#455979
```
#455979 rgb(69,89,121)
```
#3e5780
```
#3e5780 rgb(62,87,128)
```
#365588
```
#365588 rgb(54,85,136)
```
#2f538f
```
#2f538f rgb(47,83,143)
```
#285296
```
#285296 rgb(40,82,150)
```
#20509e
```
#20509e rgb(32,80,158)
```
#194ea5
```
#194ea5 rgb(25,78,165)
```
#124cac
```
#124cac rgb(18,76,172)
```
#0a4ab4
```
#0a4ab4 rgb(10,74,180)
```
#0349bb
```
#0349bb rgb(3,73,187)
```

Tone Color Variation

Below, you can see how #194ea5 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

#484848 Achromatopsia 0.005% of the population
#3f495b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1857aa Protanopia 1% of men
#005c97 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#1854a8 Protanomaly 1% of men, 0.01% of women
#09579c Deuteranomaly 6% of men, 0.4% of women
#095b7f Tritanomaly 0.01% of the population

#194ea5 hex color

#194ea5 Color Information

#194ea5 Color Conversion

Color Schemes with #194ea5

Alternatives to #194ea5

#194ea5 Preview

Shades and Tints of #194ea5

Tones of #194ea5

Color Blindness Simulator