#194bff hex color

In a RGB color space, hex #194bff is composed of 9.8% red, 29.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 70.6% magenta, 0% yellow and 0% black. It has a hue angle of 227 degrees, a saturation of 100% and a lightness of 54.9%. #194bff color hex could be obtained by blending #3296ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 10
- G 29
- B 100
RGB color chart
- C 90
- M 71
- Y 0
- K 0
CMYK color chart

● #194bff color description : Vivid blue.

The hexadecimal color #194bff has RGB values of R:25, G:75, B:255 and CMYK values of C:0.9, M:0.71, Y:0, K:0. Its decimal value is 1657855.

Hex triplet	194bff	`#194bff`
RGB Decimal	25, 75, 255	`rgb(25,75,255)`
RGB Percent	9.8, 29.4, 100	`rgb(9.8%,29.4%,100%)`
CMYK	90, 71, 0, 0
HSL	227°, 100, 54.9	`hsl(227,100%,54.9%)`
HSV (or HSB)	227°, 90.2, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.934, 52.381, -91.828
XYZ	20.963, 12.457, 95.902
xyY	0.162, 0.096, 12.457
CIE-LCH	41.934, 105.717, 299.702
CIE-LUV	41.934, -15.602, -131.969
Hunter-Lab	35.295, 44.254, -136.395
Binary	00011001, 01001011, 11111111

#194bff
```
#194bff rgb(25,75,255)
```
#ffcd19
```
#ffcd19 rgb(255,205,25)
```

Complementary Color

#19beff
```
#19beff rgb(25,190,255)
```
#194bff
```
#194bff rgb(25,75,255)
```
#5a19ff
```
#5a19ff rgb(90,25,255)
```

Analogous Color

#beff19
```
#beff19 rgb(190,255,25)
```
#194bff
```
#194bff rgb(25,75,255)
```
#ff5a19
```
#ff5a19 rgb(255,90,25)
```

Split Complementary Color

#4bff19
```
#4bff19 rgb(75,255,25)
```
#194bff
```
#194bff rgb(25,75,255)
```
#ff194b
```
#ff194b rgb(255,25,75)
```

Triadic Color

#19ffcd
```
#19ffcd rgb(25,255,205)
```
#194bff
```
#194bff rgb(25,75,255)
```
#ff194b
```
#ff194b rgb(255,25,75)
```
#ffcd19
```
#ffcd19 rgb(255,205,25)
```

Tetradic Color

#002ccc
```
#002ccc rgb(0,44,204)
```
#0032e5
```
#0032e5 rgb(0,50,229)
```
#0037ff
```
#0037ff rgb(0,55,255)
```
#194bff
```
#194bff rgb(25,75,255)
```
#335fff
```
#335fff rgb(51,95,255)
```
#4c73ff
```
#4c73ff rgb(76,115,255)
```
#6687ff
```
#6687ff rgb(102,135,255)
```

Monochromatic Color

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

#1985ff
```
#1985ff rgb(25,133,255)
```
#1971ff
```
#1971ff rgb(25,113,255)
```
#195eff
```
#195eff rgb(25,94,255)
```
#194bff
```
#194bff rgb(25,75,255)
```
#1938ff
```
#1938ff rgb(25,56,255)
```
#1925ff
```
#1925ff rgb(25,37,255)
```
#2019ff
```
#2019ff rgb(32,25,255)
```

Similar Colors

Text with hexadecimal color #194bff

This text has a font color of #194bff.

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

#194bff background color

This paragraph has a background color of #194bff.

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

#194bff border color

This element has a border color of #194bff.

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

CSS codes

.text {color:#194bff;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000519
```
#000519 rgb(0,5,25)
```
#000a2d
```
#000a2d rgb(0,10,45)
```
#000e40
```
#000e40 rgb(0,14,64)
```
#001254
```
#001254 rgb(0,18,84)
```
#001667
```
#001667 rgb(0,22,103)
```
#001b7b
```
#001b7b rgb(0,27,123)
```
#001f8f
```
#001f8f rgb(0,31,143)
```
#0023a2
```
#0023a2 rgb(0,35,162)
```
#0028b6
```
#0028b6 rgb(0,40,182)
```
#002cca
```
#002cca rgb(0,44,202)
```
#0030dd
```
#0030dd rgb(0,48,221)
```
#0034f1
```
#0034f1 rgb(0,52,241)
```

Shade Color Variation

#053cff
```
#053cff rgb(5,60,255)
```
#194bff
```
#194bff rgb(25,75,255)
```
#2d5aff
```
#2d5aff rgb(45,90,255)
```
#406aff
```
#406aff rgb(64,106,255)
```
#5479ff
```
#5479ff rgb(84,121,255)
```
#6788ff
```
#6788ff rgb(103,136,255)
```
#7b98ff
```
#7b98ff rgb(123,152,255)
```
#8fa7ff
```
#8fa7ff rgb(143,167,255)
```
#a2b6ff
```
#a2b6ff rgb(162,182,255)
```
#b6c6ff
```
#b6c6ff rgb(182,198,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#dde5ff
```
#dde5ff rgb(221,229,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#838795
```
#838795 rgb(131,135,149)
```
#7a829e
```
#7a829e rgb(122,130,158)
```
#717da7
```
#717da7 rgb(113,125,167)
```
#6978af
```
#6978af rgb(105,120,175)
```
#6073b8
```
#6073b8 rgb(96,115,184)
```
#576ec1
```
#576ec1 rgb(87,110,193)
```
#4e69ca
```
#4e69ca rgb(78,105,202)
```
#4564d3
```
#4564d3 rgb(69,100,211)
```
#3c5fdc
```
#3c5fdc rgb(60,95,220)
```
#345ae4
```
#345ae4 rgb(52,90,228)
```
#2b55ed
```
#2b55ed rgb(43,85,237)
```
#2250f6
```
#2250f6 rgb(34,80,246)
```
#194bff
```
#194bff rgb(25,75,255)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#465074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#095ddd Protanomaly 1% of men, 0.01% of women
#0961cc Deuteranomaly 6% of men, 0.4% of women
#0966ab Tritanomaly 0.01% of the population

#194bff hex color

#194bff Color Information

#194bff Color Conversion

Color Schemes with #194bff

Alternatives to #194bff

#194bff Preview

Shades and Tints of #194bff

Tones of #194bff

Color Blindness Simulator