#195bf5 hex color

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

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

● #195bf5 color description : Vivid blue.

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

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

CIE-LAB	44.631, 39.094, -81.795
XYZ	20.62, 14.28, 88.051
xyY	0.168, 0.116, 14.28
CIE-LCH	44.631, 90.658, 295.546
CIE-LUV	44.631, -18.879, -122.29
Hunter-Lab	37.789, 31.272, -111.699
Binary	00011001, 01011011, 11110101

#195bf5
```
#195bf5 rgb(25,91,245)
```
#f5b319
```
#f5b319 rgb(245,179,25)
```

Complementary Color

#19c9f5
```
#19c9f5 rgb(25,201,245)
```
#195bf5
```
#195bf5 rgb(25,91,245)
```
#4519f5
```
#4519f5 rgb(69,25,245)
```

Analogous Color

#c9f519
```
#c9f519 rgb(201,245,25)
```
#195bf5
```
#195bf5 rgb(25,91,245)
```
#f54519
```
#f54519 rgb(245,69,25)
```

Split Complementary Color

#5bf519
```
#5bf519 rgb(91,245,25)
```
#195bf5
```
#195bf5 rgb(25,91,245)
```
#f5195b
```
#f5195b rgb(245,25,91)
```

Triadic Color

#19f5b3
```
#19f5b3 rgb(25,245,179)
```
#195bf5
```
#195bf5 rgb(25,91,245)
```
#f5195b
```
#f5195b rgb(245,25,91)
```
#f5b319
```
#f5b319 rgb(245,179,25)
```

Tetradic Color

#083db9
```
#083db9 rgb(8,61,185)
```
#0945d2
```
#0945d2 rgb(9,69,210)
```
#0a4dea
```
#0a4dea rgb(10,77,234)
```
#195bf5
```
#195bf5 rgb(25,91,245)
```
#316cf6
```
#316cf6 rgb(49,108,246)
```
#4a7ef7
```
#4a7ef7 rgb(74,126,247)
```
#628ff8
```
#628ff8 rgb(98,143,248)
```

Monochromatic Color

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

#1992f5
```
#1992f5 rgb(25,146,245)
```
#1980f5
```
#1980f5 rgb(25,128,245)
```
#196df5
```
#196df5 rgb(25,109,245)
```
#195bf5
```
#195bf5 rgb(25,91,245)
```
#1949f5
```
#1949f5 rgb(25,73,245)
```
#1936f5
```
#1936f5 rgb(25,54,245)
```
#1924f5
```
#1924f5 rgb(25,36,245)
```

Similar Colors

Text with hexadecimal color #195bf5

This text has a font color of #195bf5.

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

#195bf5 background color

This paragraph has a background color of #195bf5.

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

#195bf5 border color

This element has a border color of #195bf5.

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

CSS codes

.text {color:#195bf5;}

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

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

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)
```
#041e5a
```
#041e5a rgb(4,30,90)
```
#05246c
```
#05246c rgb(5,36,108)
```
#062a7f
```
#062a7f rgb(6,42,127)
```
#063092
```
#063092 rgb(6,48,146)
```
#0736a5
```
#0736a5 rgb(7,54,165)
```
#083db8
```
#083db8 rgb(8,61,184)
```
#0943ca
```
#0943ca rgb(9,67,202)
```
#0a49dd
```
#0a49dd rgb(10,73,221)
```
#0a4ff0
```
#0a4ff0 rgb(10,79,240)
```

Shade Color Variation

#195bf5
```
#195bf5 rgb(25,91,245)
```
#2c68f6
```
#2c68f6 rgb(44,104,246)
```
#3f76f7
```
#3f76f7 rgb(63,118,247)
```
#5183f7
```
#5183f7 rgb(81,131,247)
```
#6491f8
```
#6491f8 rgb(100,145,248)
```
#779ef9
```
#779ef9 rgb(119,158,249)
```
#8aabfa
```
#8aabfa rgb(138,171,250)
```
#9db9fb
```
#9db9fb rgb(157,185,251)
```
#afc6fc
```
#afc6fc rgb(175,198,252)
```
#c2d4fc
```
#c2d4fc rgb(194,212,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 #1057fe is the most saturated one.

#7f848f
```
#7f848f rgb(127,132,143)
```
#758099
```
#758099 rgb(117,128,153)
```
#6c7ca2
```
#6c7ca2 rgb(108,124,162)
```
#6379ab
```
#6379ab rgb(99,121,171)
```
#5a75b4
```
#5a75b4 rgb(90,117,180)
```
#5071be
```
#5071be rgb(80,113,190)
```
#476dc7
```
#476dc7 rgb(71,109,199)
```
#3e6ad0
```
#3e6ad0 rgb(62,106,208)
```
#3566d9
```
#3566d9 rgb(53,102,217)
```
#2b62e3
```
#2b62e3 rgb(43,98,227)
```
#225fec
```
#225fec rgb(34,95,236)
```
#195bf5
```
#195bf5 rgb(25,91,245)
```
#1057fe
```
#1057fe rgb(16,87,254)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4c5978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0967e1 Protanomaly 1% of men, 0.01% of women
#096bcf Deuteranomaly 6% of men, 0.4% of women
#0970ac Tritanomaly 0.01% of the population

#195bf5 hex color

#195bf5 Color Information

#195bf5 Color Conversion

Color Schemes with #195bf5

Alternatives to #195bf5

#195bf5 Preview

Shades and Tints of #195bf5

Tones of #195bf5

Color Blindness Simulator