#5195fd hex color

In a RGB color space, hex #5195fd is composed of 31.8% red, 58.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 41.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.3 degrees, a saturation of 97.7% and a lightness of 65.5%. #5195fd color hex could be obtained by blending #a2ffff with #002bfb. Closest websafe color is: #6699ff.

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

● #5195fd color description : Soft blue.

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

Hex triplet	5195fd	`#5195fd`
RGB Decimal	81, 149, 253	`rgb(81,149,253)`
RGB Percent	31.8, 58.4, 99.2	`rgb(31.8%,58.4%,99.2%)`
CMYK	68, 41, 0, 1
HSL	216.3°, 97.7, 65.5	`hsl(216.3,97.7%,65.5%)`
HSV (or HSB)	216.3°, 68, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.941, 11.397, -58.126
XYZ	31.866, 30.334, 97.099
xyY	0.2, 0.19, 30.334
CIE-LCH	61.941, 59.233, 281.094
CIE-LUV	61.941, -27.409, -94.621
Hunter-Lab	55.076, 6.895, -65.974
Binary	01010001, 10010101, 11111101

#5195fd
```
#5195fd rgb(81,149,253)
```
#fdb951
```
#fdb951 rgb(253,185,81)
```

Complementary Color

#51ebfd
```
#51ebfd rgb(81,235,253)
```
#5195fd
```
#5195fd rgb(81,149,253)
```
#6351fd
```
#6351fd rgb(99,81,253)
```

Analogous Color

#ebfd51
```
#ebfd51 rgb(235,253,81)
```
#5195fd
```
#5195fd rgb(81,149,253)
```
#fd6351
```
#fd6351 rgb(253,99,81)
```

Split Complementary Color

#95fd51
```
#95fd51 rgb(149,253,81)
```
#5195fd
```
#5195fd rgb(81,149,253)
```
#fd5195
```
#fd5195 rgb(253,81,149)
```

Triadic Color

#51fdb9
```
#51fdb9 rgb(81,253,185)
```
#5195fd
```
#5195fd rgb(81,149,253)
```
#fd5195
```
#fd5195 rgb(253,81,149)
```
#fdb951
```
#fdb951 rgb(253,185,81)
```

Tetradic Color

#0567fc
```
#0567fc rgb(5,103,252)
```
#1f76fc
```
#1f76fc rgb(31,118,252)
```
#3886fd
```
#3886fd rgb(56,134,253)
```
#5195fd
```
#5195fd rgb(81,149,253)
```
#6aa4fd
```
#6aa4fd rgb(106,164,253)
```
#83b4fe
```
#83b4fe rgb(131,180,254)
```
#9dc3fe
```
#9dc3fe rgb(157,195,254)
```

Monochromatic Color

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

#51c0fd
```
#51c0fd rgb(81,192,253)
```
#51b2fd
```
#51b2fd rgb(81,178,253)
```
#51a3fd
```
#51a3fd rgb(81,163,253)
```
#5195fd
```
#5195fd rgb(81,149,253)
```
#5187fd
```
#5187fd rgb(81,135,253)
```
#5178fd
```
#5178fd rgb(81,120,253)
```
#516afd
```
#516afd rgb(81,106,253)
```

Similar Colors

Text with hexadecimal color #5195fd

This text has a font color of #5195fd.

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

#5195fd background color

This paragraph has a background color of #5195fd.

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

#5195fd border color

This element has a border color of #5195fd.

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

CSS codes

.text {color:#5195fd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000814
```
#000814 rgb(0,8,20)
```
#001027
```
#001027 rgb(0,16,39)
```
#01183b
```
#01183b rgb(1,24,59)
```
#011f4e
```
#011f4e rgb(1,31,78)
```
#012761
```
#012761 rgb(1,39,97)
```
#012f75
```
#012f75 rgb(1,47,117)
```
#023788
```
#023788 rgb(2,55,136)
```
#023f9c
```
#023f9c rgb(2,63,156)
```
#0246af
```
#0246af rgb(2,70,175)
```
#024ec2
```
#024ec2 rgb(2,78,194)
```
#0256d6
```
#0256d6 rgb(2,86,214)
```
#035ee9
```
#035ee9 rgb(3,94,233)
```

Shade Color Variation

#0366fc
```
#0366fc rgb(3,102,252)
```
#1772fc
```
#1772fc rgb(23,114,252)
```
#2a7dfd
```
#2a7dfd rgb(42,125,253)
```
#3e89fd
```
#3e89fd rgb(62,137,253)
```
#5195fd
```
#5195fd rgb(81,149,253)
```
#64a1fd
```
#64a1fd rgb(100,161,253)
```
#78adfd
```
#78adfd rgb(120,173,253)
```
#8bb8fe
```
#8bb8fe rgb(139,184,254)
```
#9fc4fe
```
#9fc4fe rgb(159,196,254)
```
#b2d0fe
```
#b2d0fe rgb(178,208,254)
```
#c5dcfe
```
#c5dcfe rgb(197,220,254)
```
#d9e8ff
```
#d9e8ff rgb(217,232,255)
```
#ecf4ff
```
#ecf4ff rgb(236,244,255)
```

Tint Color Variation

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

#a2a6ac
```
#a2a6ac rgb(162,166,172)
```
#9ba5b3
```
#9ba5b3 rgb(155,165,179)
```
#95a3b9
```
#95a3b9 rgb(149,163,185)
```
#8ea2c0
```
#8ea2c0 rgb(142,162,192)
```
#87a0c7
```
#87a0c7 rgb(135,160,199)
```
#809fce
```
#809fce rgb(128,159,206)
```
#7a9ed4
```
#7a9ed4 rgb(122,158,212)
```
#739cdb
```
#739cdb rgb(115,156,219)
```
#6c9be2
```
#6c9be2 rgb(108,155,226)
```
#6599e9
```
#6599e9 rgb(101,153,233)
```
#5f98ef
```
#5f98ef rgb(95,152,239)
```
#5896f6
```
#5896f6 rgb(88,150,246)
```
#5195fd
```
#5195fd rgb(81,149,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#818fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c97fa Protanopia 1% of men
#499cfc Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#6296fb Protanomaly 1% of men, 0.01% of women
#4c99fc Deuteranomaly 6% of men, 0.4% of women
#1da2d0 Tritanomaly 0.01% of the population

#5195fd hex color

#5195fd Color Information

#5195fd Color Conversion

Color Schemes with #5195fd

Alternatives to #5195fd

#5195fd Preview

Shades and Tints of #5195fd

Tones of #5195fd

Color Blindness Simulator