#195afa hex color

In a RGB color space, hex #195afa is composed of 9.8% red, 35.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 64% magenta, 0% yellow and 2% black. It has a hue angle of 222.7 degrees, a saturation of 95.7% and a lightness of 53.9%. #195afa color hex could be obtained by blending #32b4ff with #0000f5. Closest websafe color is: #0066ff.

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

● #195afa color description : Vivid blue.

The hexadecimal color #195afa has RGB values of R:25, G:90, B:250 and CMYK values of C:0.9, M:0.64, Y:0, K:0.02. Its decimal value is 1661690.

Hex triplet	195afa	`#195afa`
RGB Decimal	25, 90, 250	`rgb(25,90,250)`
RGB Percent	9.8, 35.3, 98	`rgb(9.8%,35.3%,98%)`
CMYK	90, 64, 0, 2
HSL	222.7°, 95.7, 53.9	`hsl(222.7,95.7%,53.9%)`
HSV (or HSB)	222.7°, 90, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.828, 41.554, -84.267
XYZ	21.309, 14.419, 92.097
xyY	0.167, 0.113, 14.419
CIE-LCH	44.828, 93.956, 296.249
CIE-LUV	44.828, -18.636, -125.764
Hunter-Lab	37.973, 33.714, -117.218
Binary	00011001, 01011010, 11111010

#195afa
```
#195afa rgb(25,90,250)
```
#fab919
```
#fab919 rgb(250,185,25)
```

Complementary Color

#19cbfa
```
#19cbfa rgb(25,203,250)
```
#195afa
```
#195afa rgb(25,90,250)
```
#4819fa
```
#4819fa rgb(72,25,250)
```

Analogous Color

#cbfa19
```
#cbfa19 rgb(203,250,25)
```
#195afa
```
#195afa rgb(25,90,250)
```
#fa4819
```
#fa4819 rgb(250,72,25)
```

Split Complementary Color

#5afa19
```
#5afa19 rgb(90,250,25)
```
#195afa
```
#195afa rgb(25,90,250)
```
#fa195a
```
#fa195a rgb(250,25,90)
```

Triadic Color

#19fab9
```
#19fab9 rgb(25,250,185)
```
#195afa
```
#195afa rgb(25,90,250)
```
#fa195a
```
#fa195a rgb(250,25,90)
```
#fab919
```
#fab919 rgb(250,185,25)
```

Tetradic Color

#043bc2
```
#043bc2 rgb(4,59,194)
```
#0543db
```
#0543db rgb(5,67,219)
```
#054af4
```
#054af4 rgb(5,74,244)
```
#195afa
```
#195afa rgb(25,90,250)
```
#326cfb
```
#326cfb rgb(50,108,251)
```
#4b7efb
```
#4b7efb rgb(75,126,251)
```
#6490fc
```
#6490fc rgb(100,144,252)
```

Monochromatic Color

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

#1992fa
```
#1992fa rgb(25,146,250)
```
#1980fa
```
#1980fa rgb(25,128,250)
```
#196dfa
```
#196dfa rgb(25,109,250)
```
#195afa
```
#195afa rgb(25,90,250)
```
#1947fa
```
#1947fa rgb(25,71,250)
```
#1935fa
```
#1935fa rgb(25,53,250)
```
#1922fa
```
#1922fa rgb(25,34,250)
```

Similar Colors

Text with hexadecimal color #195afa

This text has a font color of #195afa.

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

#195afa background color

This paragraph has a background color of #195afa.

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

#195afa border color

This element has a border color of #195afa.

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

CSS codes

.text {color:#195afa;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000614
```
#000614 rgb(0,6,20)
```
#010c27
```
#010c27 rgb(1,12,39)
```
#01123a
```
#01123a rgb(1,18,58)
```
#02174d
```
#02174d rgb(2,23,77)
```
#021d60
```
#021d60 rgb(2,29,96)
```
#032374
```
#032374 rgb(3,35,116)
```
#032987
```
#032987 rgb(3,41,135)
```
#032f9a
```
#032f9a rgb(3,47,154)
```
#0435ad
```
#0435ad rgb(4,53,173)
```
#043bc0
```
#043bc0 rgb(4,59,192)
```
#0540d4
```
#0540d4 rgb(5,64,212)
```
#0546e7
```
#0546e7 rgb(5,70,231)
```

Shade Color Variation

#064cfa
```
#064cfa rgb(6,76,250)
```
#195afa
```
#195afa rgb(25,90,250)
```
#2c68fa
```
#2c68fa rgb(44,104,250)
```
#3f76fb
```
#3f76fb rgb(63,118,251)
```
#5383fb
```
#5383fb rgb(83,131,251)
```
#6691fc
```
#6691fc rgb(102,145,252)
```
#799ffc
```
#799ffc rgb(121,159,252)
```
#8cadfd
```
#8cadfd rgb(140,173,253)
```
#9fbafd
```
#9fbafd rgb(159,186,253)
```
#b3c8fd
```
#b3c8fd rgb(179,200,253)
```
#c6d6fe
```
#c6d6fe rgb(198,214,254)
```
#d9e4fe
```
#d9e4fe rgb(217,228,254)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#85888e
```
#85888e rgb(133,136,142)
```
#7c8497
```
#7c8497 rgb(124,132,151)
```
#7380a0
```
#7380a0 rgb(115,128,160)
```
#6a7ca9
```
#6a7ca9 rgb(106,124,169)
```
#6179b2
```
#6179b2 rgb(97,121,178)
```
#5875bb
```
#5875bb rgb(88,117,187)
```
#4f71c4
```
#4f71c4 rgb(79,113,196)
```
#466dcd
```
#466dcd rgb(70,109,205)
```
#3d69d6
```
#3d69d6 rgb(61,105,214)
```
#3465df
```
#3465df rgb(52,101,223)
```
#2b62e8
```
#2b62e8 rgb(43,98,232)
```
#225ef1
```
#225ef1 rgb(34,94,241)
```
#195afa
```
#195afa rgb(25,90,250)
```

Tone Color Variation

Below, you can see how #195afa 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
#4c5979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0967e3 Protanomaly 1% of men, 0.01% of women
#096bd1 Deuteranomaly 6% of men, 0.4% of women
#0970ae Tritanomaly 0.01% of the population

#195afa hex color

#195afa Color Information

#195afa Color Conversion

Color Schemes with #195afa

Alternatives to #195afa

#195afa Preview

Shades and Tints of #195afa

Tones of #195afa

Color Blindness Simulator