#195cff hex color

In a RGB color space, hex #195cff is composed of 9.8% red, 36.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 63.9% magenta, 0% yellow and 0% black. It has a hue angle of 222.5 degrees, a saturation of 100% and a lightness of 54.9%. #195cff color hex could be obtained by blending #32b8ff with #0000ff. Closest websafe color is: #0066ff.

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

● #195cff color description : Vivid blue.

The hexadecimal color #195cff has RGB values of R:25, G:92, B:255 and CMYK values of C:0.9, M:0.64, Y:0, K:0. Its decimal value is 1662207.

Hex triplet	195cff	`#195cff`
RGB Decimal	25, 92, 255	`rgb(25,92,255)`
RGB Percent	9.8, 36.1, 100	`rgb(9.8%,36.1%,100%)`
CMYK	90, 64, 0, 0
HSL	222.5°, 100, 54.9	`hsl(222.5,100%,54.9%)`
HSV (or HSB)	222.5°, 90.2, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.742, 42.134, -85.552
XYZ	22.274, 15.079, 96.339
xyY	0.167, 0.113, 15.079
CIE-LCH	45.742, 95.365, 296.22
CIE-LUV	45.742, -19.071, -128.348
Hunter-Lab	38.832, 34.433, -119.912
Binary	00011001, 01011100, 11111111

#195cff
```
#195cff rgb(25,92,255)
```
#ffbc19
```
#ffbc19 rgb(255,188,25)
```

Complementary Color

#19cfff
```
#19cfff rgb(25,207,255)
```
#195cff
```
#195cff rgb(25,92,255)
```
#4919ff
```
#4919ff rgb(73,25,255)
```

Analogous Color

#cfff19
```
#cfff19 rgb(207,255,25)
```
#195cff
```
#195cff rgb(25,92,255)
```
#ff4919
```
#ff4919 rgb(255,73,25)
```

Split Complementary Color

#5cff19
```
#5cff19 rgb(92,255,25)
```
#195cff
```
#195cff rgb(25,92,255)
```
#ff195c
```
#ff195c rgb(255,25,92)
```

Triadic Color

#19ffbc
```
#19ffbc rgb(25,255,188)
```
#195cff
```
#195cff rgb(25,92,255)
```
#ff195c
```
#ff195c rgb(255,25,92)
```
#ffbc19
```
#ffbc19 rgb(255,188,25)
```

Tetradic Color

#003bcc
```
#003bcc rgb(0,59,204)
```
#0043e5
```
#0043e5 rgb(0,67,229)
```
#004aff
```
#004aff rgb(0,74,255)
```
#195cff
```
#195cff rgb(25,92,255)
```
#336eff
```
#336eff rgb(51,110,255)
```
#4c80ff
```
#4c80ff rgb(76,128,255)
```
#6692ff
```
#6692ff rgb(102,146,255)
```

Monochromatic Color

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

#1996ff
```
#1996ff rgb(25,150,255)
```
#1982ff
```
#1982ff rgb(25,130,255)
```
#196fff
```
#196fff rgb(25,111,255)
```
#195cff
```
#195cff rgb(25,92,255)
```
#1949ff
```
#1949ff rgb(25,73,255)
```
#1936ff
```
#1936ff rgb(25,54,255)
```
#1923ff
```
#1923ff rgb(25,35,255)
```

Similar Colors

Text with hexadecimal color #195cff

This text has a font color of #195cff.

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

#195cff background color

This paragraph has a background color of #195cff.

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

#195cff border color

This element has a border color of #195cff.

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

CSS codes

.text {color:#195cff;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000719
```
#000719 rgb(0,7,25)
```
#000d2d
```
#000d2d rgb(0,13,45)
```
#001340
```
#001340 rgb(0,19,64)
```
#001854
```
#001854 rgb(0,24,84)
```
#001e67
```
#001e67 rgb(0,30,103)
```
#00247b
```
#00247b rgb(0,36,123)
```
#002a8f
```
#002a8f rgb(0,42,143)
```
#002fa2
```
#002fa2 rgb(0,47,162)
```
#0035b6
```
#0035b6 rgb(0,53,182)
```
#003bca
```
#003bca rgb(0,59,202)
```
#0040dd
```
#0040dd rgb(0,64,221)
```
#0046f1
```
#0046f1 rgb(0,70,241)
```

Shade Color Variation

#054eff
```
#054eff rgb(5,78,255)
```
#195cff
```
#195cff rgb(25,92,255)
```
#2d6aff
```
#2d6aff rgb(45,106,255)
```
#4078ff
```
#4078ff rgb(64,120,255)
```
#5486ff
```
#5486ff rgb(84,134,255)
```
#6794ff
```
#6794ff rgb(103,148,255)
```
#7ba2ff
```
#7ba2ff rgb(123,162,255)
```
#8fafff
```
#8fafff rgb(143,175,255)
```
#a2bdff
```
#a2bdff rgb(162,189,255)
```
#b6cbff
```
#b6cbff rgb(182,203,255)
```
#cad9ff
```
#cad9ff rgb(202,217,255)
```
#dde7ff
```
#dde7ff rgb(221,231,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#838895
```
#838895 rgb(131,136,149)
```
#7a859e
```
#7a859e rgb(122,133,158)
```
#7181a7
```
#7181a7 rgb(113,129,167)
```
#697daf
```
#697daf rgb(105,125,175)
```
#607ab8
```
#607ab8 rgb(96,122,184)
```
#5776c1
```
#5776c1 rgb(87,118,193)
```
#4e72ca
```
#4e72ca rgb(78,114,202)
```
#456ed3
```
#456ed3 rgb(69,110,211)
```
#3c6bdc
```
#3c6bdc rgb(60,107,220)
```
#3467e4
```
#3467e4 rgb(52,103,228)
```
#2b63ed
```
#2b63ed rgb(43,99,237)
```
#2260f6
```
#2260f6 rgb(34,96,246)
```
#195cff
```
#195cff rgb(25,92,255)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4e5b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077be Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#0969e8 Protanomaly 1% of men, 0.01% of women
#096dd6 Deuteranomaly 6% of men, 0.4% of women
#0972b1 Tritanomaly 0.01% of the population

#195cff hex color

#195cff Color Information

#195cff Color Conversion

Color Schemes with #195cff

Alternatives to #195cff

#195cff Preview

Shades and Tints of #195cff

Tones of #195cff

Color Blindness Simulator