#195af5 hex color

In a RGB color space, hex #195af5 is composed of 9.8% red, 35.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 63.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.3 degrees, a saturation of 91.7% and a lightness of 52.9%. #195af5 color hex could be obtained by blending #32b4ff with #0000eb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 10
- G 35
- B 96
RGB color chart
- C 90
- M 63
- Y 0
- K 4
CMYK color chart

● #195af5 color description : Vivid blue.

The hexadecimal color #195af5 has RGB values of R:25, G:90, B:245 and CMYK values of C:0.9, M:0.63, Y:0, K:0.04. Its decimal value is 1661685.

Hex triplet	195af5	`#195af5`
RGB Decimal	25, 90, 245	`rgb(25,90,245)`
RGB Percent	9.8, 35.3, 96.1	`rgb(9.8%,35.3%,96.1%)`
CMYK	90, 63, 0, 4
HSL	222.3°, 91.7, 52.9	`hsl(222.3,91.7%,52.9%)`
HSV (or HSB)	222.3°, 89.8, 96.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.39, 39.722, -82.191
XYZ	20.535, 14.11, 88.022
xyY	0.167, 0.115, 14.11
CIE-LCH	44.39, 91.286, 295.794
CIE-LUV	44.39, -18.65, -122.593
Hunter-Lab	37.563, 31.847, -112.641
Binary	00011001, 01011010, 11110101

#195af5
```
#195af5 rgb(25,90,245)
```
#f5b419
```
#f5b419 rgb(245,180,25)
```

Complementary Color

#19c8f5
```
#19c8f5 rgb(25,200,245)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#4619f5
```
#4619f5 rgb(70,25,245)
```

Analogous Color

#c8f519
```
#c8f519 rgb(200,245,25)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#f54619
```
#f54619 rgb(245,70,25)
```

Split Complementary Color

#5af519
```
#5af519 rgb(90,245,25)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#f5195a
```
#f5195a rgb(245,25,90)
```

Triadic Color

#19f5b4
```
#19f5b4 rgb(25,245,180)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#f5195a
```
#f5195a rgb(245,25,90)
```
#f5b419
```
#f5b419 rgb(245,180,25)
```

Tetradic Color

#083cb9
```
#083cb9 rgb(8,60,185)
```
#0944d2
```
#0944d2 rgb(9,68,210)
```
#0a4cea
```
#0a4cea rgb(10,76,234)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#316cf6
```
#316cf6 rgb(49,108,246)
```
#4a7df7
```
#4a7df7 rgb(74,125,247)
```
#628ff8
```
#628ff8 rgb(98,143,248)
```

Monochromatic Color

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

#1991f5
```
#1991f5 rgb(25,145,245)
```
#197ff5
```
#197ff5 rgb(25,127,245)
```
#196cf5
```
#196cf5 rgb(25,108,245)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#1935f5
```
#1935f5 rgb(25,53,245)
```
#1923f5
```
#1923f5 rgb(25,35,245)
```

Similar Colors

Text with hexadecimal color #195af5

This text has a font color of #195af5.

<span style="color:#195af5;">Text here</span>

#195af5 background color

This paragraph has a background color of #195af5.

<p style="background-color:#195af5;">Content here</p>

#195af5 border color

This element has a border color of #195af5.

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

CSS codes

.text {color:#195af5;}

.background {background-color:#195af5;}

.border {border:1px solid #195af5;}

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, #01050e is the darkest color, while #fbfcff is the lightest one.

#01050e
```
#01050e rgb(1,5,14)
```
#010b21
```
#010b21 rgb(1,11,33)
```
#021134
```
#021134 rgb(2,17,52)
```
#031747
```
#031747 rgb(3,23,71)
```
#041d5a
```
#041d5a rgb(4,29,90)
```
#05236c
```
#05236c rgb(5,35,108)
```
#06297f
```
#06297f rgb(6,41,127)
```
#063092
```
#063092 rgb(6,48,146)
```
#0736a5
```
#0736a5 rgb(7,54,165)
```
#083cb8
```
#083cb8 rgb(8,60,184)
```
#0942ca
```
#0942ca rgb(9,66,202)
```
#0a48dd
```
#0a48dd rgb(10,72,221)
```
#0a4ef0
```
#0a4ef0 rgb(10,78,240)
```

Shade Color Variation

#195af5
```
#195af5 rgb(25,90,245)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#3f75f7
```
#3f75f7 rgb(63,117,247)
```
#5182f7
```
#5182f7 rgb(81,130,247)
```
#6490f8
```
#6490f8 rgb(100,144,248)
```
#779df9
```
#779df9 rgb(119,157,249)
```
#8aabfa
```
#8aabfa rgb(138,171,250)
```
#9db8fb
```
#9db8fb rgb(157,184,251)
```
#afc6fc
```
#afc6fc rgb(175,198,252)
```
#c2d3fc
```
#c2d3fc rgb(194,211,252)
```
#d5e1fd
```
#d5e1fd rgb(213,225,253)
```
#e8eefe
```
#e8eefe rgb(232,238,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f848f is the less saturated color, while #1056fe is the most saturated one.

#7f848f
```
#7f848f rgb(127,132,143)
```
#758099
```
#758099 rgb(117,128,153)
```
#6c7ca2
```
#6c7ca2 rgb(108,124,162)
```
#6378ab
```
#6378ab rgb(99,120,171)
```
#5a74b4
```
#5a74b4 rgb(90,116,180)
```
#5071be
```
#5071be rgb(80,113,190)
```
#476dc7
```
#476dc7 rgb(71,109,199)
```
#3e69d0
```
#3e69d0 rgb(62,105,208)
```
#3565d9
```
#3565d9 rgb(53,101,217)
```
#2b62e3
```
#2b62e3 rgb(43,98,227)
```
#225eec
```
#225eec rgb(34,94,236)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#1056fe
```
#1056fe rgb(16,86,254)
```

Tone Color Variation

Below, you can see how #195af5 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

#585858 Achromatopsia 0.005% of the population
#4b5877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#0966e0 Protanomaly 1% of men, 0.01% of women
#096acf Deuteranomaly 6% of men, 0.4% of women
#096fab Tritanomaly 0.01% of the population

#195af5 hex color

#195af5 Color Information

#195af5 Color Conversion

Color Schemes with #195af5

Alternatives to #195af5

#195af5 Preview

Shades and Tints of #195af5

Tones of #195af5

Color Blindness Simulator