#195af7 hex color

In a RGB color space, hex #195af7 is composed of 9.8% red, 35.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 63.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 222.4 degrees, a saturation of 93.3% and a lightness of 53.3%. #195af7 color hex could be obtained by blending #32b4ff with #0000ef. Closest websafe color is: #0066ff.

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

● #195af7 color description : Vivid blue.

The hexadecimal color #195af7 has RGB values of R:25, G:90, B:247 and CMYK values of C:0.9, M:0.64, Y:0, K:0.03. Its decimal value is 1661687.

Hex triplet	195af7	`#195af7`
RGB Decimal	25, 90, 247	`rgb(25,90,247)`
RGB Percent	9.8, 35.3, 96.9	`rgb(9.8%,35.3%,96.9%)`
CMYK	90, 64, 0, 3
HSL	222.4°, 93.3, 53.3	`hsl(222.4,93.3%,53.3%)`
HSV (or HSB)	222.4°, 89.9, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.565, 40.456, -83.024
XYZ	20.842, 14.233, 89.639
xyY	0.167, 0.114, 14.233
CIE-LCH	44.565, 92.356, 295.979
CIE-LUV	44.565, -18.643, -123.865
Hunter-Lab	37.726, 32.592, -114.467
Binary	00011001, 01011010, 11110111

#195af7
```
#195af7 rgb(25,90,247)
```
#f7b619
```
#f7b619 rgb(247,182,25)
```

Complementary Color

#19c9f7
```
#19c9f7 rgb(25,201,247)
```
#195af7
```
#195af7 rgb(25,90,247)
```
#4719f7
```
#4719f7 rgb(71,25,247)
```

Analogous Color

#c9f719
```
#c9f719 rgb(201,247,25)
```
#195af7
```
#195af7 rgb(25,90,247)
```
#f74719
```
#f74719 rgb(247,71,25)
```

Split Complementary Color

#5af719
```
#5af719 rgb(90,247,25)
```
#195af7
```
#195af7 rgb(25,90,247)
```
#f7195a
```
#f7195a rgb(247,25,90)
```

Triadic Color

#19f7b6
```
#19f7b6 rgb(25,247,182)
```
#195af7
```
#195af7 rgb(25,90,247)
```
#f7195a
```
#f7195a rgb(247,25,90)
```
#f7b619
```
#f7b619 rgb(247,182,25)
```

Tetradic Color

#073cbd
```
#073cbd rgb(7,60,189)
```
#0744d6
```
#0744d6 rgb(7,68,214)
```
#084cee
```
#084cee rgb(8,76,238)
```
#195af7
```
#195af7 rgb(25,90,247)
```
#326cf8
```
#326cf8 rgb(50,108,248)
```
#4a7df9
```
#4a7df9 rgb(74,125,249)
```
#638ffa
```
#638ffa rgb(99,143,250)
```

Monochromatic Color

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

#1992f7
```
#1992f7 rgb(25,146,247)
```
#197ff7
```
#197ff7 rgb(25,127,247)
```
#196df7
```
#196df7 rgb(25,109,247)
```
#195af7
```
#195af7 rgb(25,90,247)
```
#1948f7
```
#1948f7 rgb(25,72,247)
```
#1935f7
```
#1935f7 rgb(25,53,247)
```
#1923f7
```
#1923f7 rgb(25,35,247)
```

Similar Colors

Text with hexadecimal color #195af7

This text has a font color of #195af7.

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

#195af7 background color

This paragraph has a background color of #195af7.

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

#195af7 border color

This element has a border color of #195af7.

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

CSS codes

.text {color:#195af7;}

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

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

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

#010510
```
#010510 rgb(1,5,16)
```
#010b23
```
#010b23 rgb(1,11,35)
```
#021136
```
#021136 rgb(2,17,54)
```
#031749
```
#031749 rgb(3,23,73)
```
#031d5c
```
#031d5c rgb(3,29,92)
```
#04236f
```
#04236f rgb(4,35,111)
```
#052982
```
#052982 rgb(5,41,130)
```
#052f95
```
#052f95 rgb(5,47,149)
```
#0635a8
```
#0635a8 rgb(6,53,168)
```
#073bbb
```
#073bbb rgb(7,59,187)
```
#0741ce
```
#0741ce rgb(7,65,206)
```
#0847e1
```
#0847e1 rgb(8,71,225)
```
#084df4
```
#084df4 rgb(8,77,244)
```

Shade Color Variation

#195af7
```
#195af7 rgb(25,90,247)
```
#2c68f8
```
#2c68f8 rgb(44,104,248)
```
#3f75f8
```
#3f75f8 rgb(63,117,248)
```
#5283f9
```
#5283f9 rgb(82,131,249)
```
#6590fa
```
#6590fa rgb(101,144,250)
```
#789efa
```
#789efa rgb(120,158,250)
```
#8bacfb
```
#8bacfb rgb(139,172,251)
```
#9eb9fc
```
#9eb9fc rgb(158,185,252)
```
#b1c7fc
```
#b1c7fc rgb(177,199,252)
```
#c4d4fd
```
#c4d4fd rgb(196,212,253)
```
#d7e2fe
```
#d7e2fe rgb(215,226,254)
```
#eaf0fe
```
#eaf0fe rgb(234,240,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#878889
```
#878889 rgb(135,136,137)
```
#7e8492
```
#7e8492 rgb(126,132,146)
```
#75809b
```
#75809b rgb(117,128,155)
```
#6b7ca5
```
#6b7ca5 rgb(107,124,165)
```
#6278ae
```
#6278ae rgb(98,120,174)
```
#5975b7
```
#5975b7 rgb(89,117,183)
```
#5071c0
```
#5071c0 rgb(80,113,192)
```
#476dc9
```
#476dc9 rgb(71,109,201)
```
#3e69d2
```
#3e69d2 rgb(62,105,210)
```
#3465dc
```
#3465dc rgb(52,101,220)
```
#2b62e5
```
#2b62e5 rgb(43,98,229)
```
#225eee
```
#225eee rgb(34,94,238)
```
#195af7
```
#195af7 rgb(25,90,247)
```

Tone Color Variation

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

#0966e2 Protanomaly 1% of men, 0.01% of women
#096ad0 Deuteranomaly 6% of men, 0.4% of women
#096fac Tritanomaly 0.01% of the population

#195af7 hex color

#195af7 Color Information

#195af7 Color Conversion

Color Schemes with #195af7

Alternatives to #195af7

#195af7 Preview

Shades and Tints of #195af7

Tones of #195af7

Color Blindness Simulator