#194aff hex color

In a RGB color space, hex #194aff is composed of 9.8% red, 29% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 71% magenta, 0% yellow and 0% black. It has a hue angle of 227.2 degrees, a saturation of 100% and a lightness of 54.9%. #194aff color hex could be obtained by blending #3294ff 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

● #194aff color description : Vivid blue.

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

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

CIE-LAB	41.724, 52.96, -92.174
XYZ	20.896, 12.323, 95.879
xyY	0.162, 0.095, 12.323
CIE-LCH	41.724, 106.305, 299.88
CIE-LUV	41.724, -15.419, -132.106
Hunter-Lab	35.104, 44.824, -137.368
Binary	00011001, 01001010, 11111111

#194aff
```
#194aff rgb(25,74,255)
```
#ffce19
```
#ffce19 rgb(255,206,25)
```

Complementary Color

#19bdff
```
#19bdff rgb(25,189,255)
```
#194aff
```
#194aff rgb(25,74,255)
```
#5b19ff
```
#5b19ff rgb(91,25,255)
```

Analogous Color

#bdff19
```
#bdff19 rgb(189,255,25)
```
#194aff
```
#194aff rgb(25,74,255)
```
#ff5b19
```
#ff5b19 rgb(255,91,25)
```

Split Complementary Color

#4aff19
```
#4aff19 rgb(74,255,25)
```
#194aff
```
#194aff rgb(25,74,255)
```
#ff194a
```
#ff194a rgb(255,25,74)
```

Triadic Color

#19ffce
```
#19ffce rgb(25,255,206)
```
#194aff
```
#194aff rgb(25,74,255)
```
#ff194a
```
#ff194a rgb(255,25,74)
```
#ffce19
```
#ffce19 rgb(255,206,25)
```

Tetradic Color

#002bcc
```
#002bcc rgb(0,43,204)
```
#0031e5
```
#0031e5 rgb(0,49,229)
```
#0036ff
```
#0036ff rgb(0,54,255)
```
#194aff
```
#194aff rgb(25,74,255)
```
#335eff
```
#335eff rgb(51,94,255)
```
#4c72ff
```
#4c72ff rgb(76,114,255)
```
#6686ff
```
#6686ff rgb(102,134,255)
```

Monochromatic Color

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

#1984ff
```
#1984ff rgb(25,132,255)
```
#1970ff
```
#1970ff rgb(25,112,255)
```
#195dff
```
#195dff rgb(25,93,255)
```
#194aff
```
#194aff rgb(25,74,255)
```
#1937ff
```
#1937ff rgb(25,55,255)
```
#1924ff
```
#1924ff rgb(25,36,255)
```
#2219ff
```
#2219ff rgb(34,25,255)
```

Similar Colors

Text with hexadecimal color #194aff

This text has a font color of #194aff.

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

#194aff background color

This paragraph has a background color of #194aff.

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

#194aff border color

This element has a border color of #194aff.

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

CSS codes

.text {color:#194aff;}

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

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

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)
```
#001a7b
```
#001a7b rgb(0,26,123)
```
#001e8f
```
#001e8f rgb(0,30,143)
```
#0023a2
```
#0023a2 rgb(0,35,162)
```
#0027b6
```
#0027b6 rgb(0,39,182)
```
#002bca
```
#002bca rgb(0,43,202)
```
#002fdd
```
#002fdd rgb(0,47,221)
```
#0033f1
```
#0033f1 rgb(0,51,241)
```

Shade Color Variation

#053bff
```
#053bff rgb(5,59,255)
```
#194aff
```
#194aff rgb(25,74,255)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#4069ff
```
#4069ff rgb(64,105,255)
```
#5478ff
```
#5478ff rgb(84,120,255)
```
#6788ff
```
#6788ff rgb(103,136,255)
```
#7b97ff
```
#7b97ff rgb(123,151,255)
```
#8fa7ff
```
#8fa7ff rgb(143,167,255)
```
#a2b6ff
```
#a2b6ff rgb(162,182,255)
```
#b6c5ff
```
#b6c5ff rgb(182,197,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#dde4ff
```
#dde4ff rgb(221,228,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 #194aff 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)
```
#4e68ca
```
#4e68ca rgb(78,104,202)
```
#4563d3
```
#4563d3 rgb(69,99,211)
```
#3c5edc
```
#3c5edc rgb(60,94,220)
```
#3459e4
```
#3459e4 rgb(52,89,228)
```
#2b54ed
```
#2b54ed rgb(43,84,237)
```
#224ff6
```
#224ff6 rgb(34,79,246)
```
#194aff
```
#194aff rgb(25,74,255)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#454f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#095cdc Protanomaly 1% of men, 0.01% of women
#0960cb Deuteranomaly 6% of men, 0.4% of women
#0965aa Tritanomaly 0.01% of the population

#194aff hex color

#194aff Color Information

#194aff Color Conversion

Color Schemes with #194aff

Alternatives to #194aff

#194aff Preview

Shades and Tints of #194aff

Tones of #194aff

Color Blindness Simulator