#0195fd hex color

In a RGB color space, hex #0195fd is composed of 0.4% red, 58.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 41.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.8 degrees, a saturation of 99.2% and a lightness of 49.8%. #0195fd color hex could be obtained by blending #02ffff with #002bfb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 58
- B 99
RGB color chart
- C 100
- M 41
- Y 0
- K 1
CMYK color chart

● #0195fd color description : Vivid blue.

The hexadecimal color #0195fd has RGB values of R:1, G:149, B:253 and CMYK values of C:1, M:0.41, Y:0, K:0.01. Its decimal value is 103933.

Hex triplet	0195fd	`#0195fd`
RGB Decimal	1, 149, 253	`rgb(1,149,253)`
RGB Percent	0.4, 58.4, 99.2	`rgb(0.4%,58.4%,99.2%)`
CMYK	100, 41, 0, 1
HSL	204.8°, 99.2, 49.8	`hsl(204.8,99.2%,49.8%)`
HSV (or HSB)	204.8°, 99.6, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	60.419, 5.214, -60.647
XYZ	28.485, 28.591, 96.94
xyY	0.185, 0.186, 28.591
CIE-LCH	60.419, 60.87, 274.914
CIE-LUV	60.419, -35.773, -97.715
Hunter-Lab	53.47, 1.521, -70.063
Binary	00000001, 10010101, 11111101

#0195fd
```
#0195fd rgb(1,149,253)
```
#fd6901
```
#fd6901 rgb(253,105,1)
```

Complementary Color

#01fde7
```
#01fde7 rgb(1,253,231)
```
#0195fd
```
#0195fd rgb(1,149,253)
```
#0117fd
```
#0117fd rgb(1,23,253)
```

Analogous Color

#fde701
```
#fde701 rgb(253,231,1)
```
#0195fd
```
#0195fd rgb(1,149,253)
```
#fd0117
```
#fd0117 rgb(253,1,23)
```

Split Complementary Color

#95fd01
```
#95fd01 rgb(149,253,1)
```
#0195fd
```
#0195fd rgb(1,149,253)
```
#fd0195
```
#fd0195 rgb(253,1,149)
```

Triadic Color

#01fd69
```
#01fd69 rgb(1,253,105)
```
#0195fd
```
#0195fd rgb(1,149,253)
```
#fd0195
```
#fd0195 rgb(253,1,149)
```
#fd6901
```
#fd6901 rgb(253,105,1)
```

Tetradic Color

#0168b1
```
#0168b1 rgb(1,104,177)
```
#0177ca
```
#0177ca rgb(1,119,202)
```
#0186e4
```
#0186e4 rgb(1,134,228)
```
#0195fd
```
#0195fd rgb(1,149,253)
```
#19a0fe
```
#19a0fe rgb(25,160,254)
```
#33aafe
```
#33aafe rgb(51,170,254)
```
#4cb5fe
```
#4cb5fe rgb(76,181,254)
```

Monochromatic Color

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

#01d4fd
```
#01d4fd rgb(1,212,253)
```
#01bffd
```
#01bffd rgb(1,191,253)
```
#01aafd
```
#01aafd rgb(1,170,253)
```
#0195fd
```
#0195fd rgb(1,149,253)
```
#0180fd
```
#0180fd rgb(1,128,253)
```
#016bfd
```
#016bfd rgb(1,107,253)
```
#0156fd
```
#0156fd rgb(1,86,253)
```

Similar Colors

Text with hexadecimal color #0195fd

This text has a font color of #0195fd.

<span style="color:#0195fd;">Text here</span>

#0195fd background color

This paragraph has a background color of #0195fd.

<p style="background-color:#0195fd;">Content here</p>

#0195fd border color

This element has a border color of #0195fd.

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

CSS codes

.text {color:#0195fd;}

.background {background-color:#0195fd;}

.border {border:1px solid #0195fd;}

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, #000b13 is the darkest color, while #feffff is the lightest one.

#000b13
```
#000b13 rgb(0,11,19)
```
#001626
```
#001626 rgb(0,22,38)
```
#00223a
```
#00223a rgb(0,34,58)
```
#002d4d
```
#002d4d rgb(0,45,77)
```
#003961
```
#003961 rgb(0,57,97)
```
#004474
```
#004474 rgb(0,68,116)
```
#015088
```
#015088 rgb(1,80,136)
```
#015b9b
```
#015b9b rgb(1,91,155)
```
#0167af
```
#0167af rgb(1,103,175)
```
#0172c2
```
#0172c2 rgb(1,114,194)
```
#017ed6
```
#017ed6 rgb(1,126,214)
```
#0189e9
```
#0189e9 rgb(1,137,233)
```
#0195fd
```
#0195fd rgb(1,149,253)
```

Shade Color Variation

#149dfe
```
#149dfe rgb(20,157,254)
```
#27a5fe
```
#27a5fe rgb(39,165,254)
```
#3badfe
```
#3badfe rgb(59,173,254)
```
#4eb6fe
```
#4eb6fe rgb(78,182,254)
```
#62befe
```
#62befe rgb(98,190,254)
```
#75c6fe
```
#75c6fe rgb(117,198,254)
```
#89ceff
```
#89ceff rgb(137,206,255)
```
#9cd6ff
```
#9cd6ff rgb(156,214,255)
```
#b0deff
```
#b0deff rgb(176,222,255)
```
#c3e6ff
```
#c3e6ff rgb(195,230,255)
```
#d7eeff
```
#d7eeff rgb(215,238,255)
```
#eaf6ff
```
#eaf6ff rgb(234,246,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768188
```
#768188 rgb(118,129,136)
```
#6c8292
```
#6c8292 rgb(108,130,146)
```
#63849b
```
#63849b rgb(99,132,155)
```
#5986a5
```
#5986a5 rgb(89,134,165)
```
#4f87af
```
#4f87af rgb(79,135,175)
```
#4589b9
```
#4589b9 rgb(69,137,185)
```
#3c8bc2
```
#3c8bc2 rgb(60,139,194)
```
#328ccc
```
#328ccc rgb(50,140,204)
```
#288ed6
```
#288ed6 rgb(40,142,214)
```
#1e90e0
```
#1e90e0 rgb(30,144,224)
```
#1592e9
```
#1592e9 rgb(21,146,233)
```
#0b93f3
```
#0b93f3 rgb(11,147,243)
```
#0195fd
```
#0195fd rgb(1,149,253)
```

Tone Color Variation

Below, you can see how #0195fd 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

#757575 Achromatopsia 0.005% of the population
#5e7b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6794f7 Protanopia 1% of men
#2c99fd Deuteranopia 1% of men
#00a6b0 Tritanopia 0.001% of the population

Trichromacy

#4294f9 Protanomaly 1% of men, 0.01% of women
#1c97fd Deuteranomaly 6% of men, 0.4% of women
#009fcc Tritanomaly 0.01% of the population

#0195fd hex color

#0195fd Color Information

#0195fd Color Conversion

Color Schemes with #0195fd

Alternatives to #0195fd

#0195fd Preview

Shades and Tints of #0195fd

Tones of #0195fd

Color Blindness Simulator