#5fa3fd hex color

In a RGB color space, hex #5fa3fd is composed of 37.3% red, 63.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 35.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.2 degrees, a saturation of 97.5% and a lightness of 68.2%. #5fa3fd color hex could be obtained by blending #beffff with #0047fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 64
- B 99
RGB color chart
- C 62
- M 36
- Y 0
- K 1
CMYK color chart

● #5fa3fd color description : Soft blue.

The hexadecimal color #5fa3fd has RGB values of R:95, G:163, B:253 and CMYK values of C:0.62, M:0.36, Y:0, K:0.01. Its decimal value is 6267901.

Hex triplet	5fa3fd	`#5fa3fd`
RGB Decimal	95, 163, 253	`rgb(95,163,253)`
RGB Percent	37.3, 63.9, 99.2	`rgb(37.3%,63.9%,99.2%)`
CMYK	62, 36, 0, 1
HSL	214.2°, 97.5, 68.2	`hsl(214.2,97.5%,68.2%)`
HSV (or HSB)	214.2°, 62.5, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.303, 5.469, -51.163
XYZ	35.542, 35.717, 97.944
xyY	0.21, 0.211, 35.717
CIE-LCH	66.303, 51.454, 276.101
CIE-LUV	66.303, -28.881, -83.41
Hunter-Lab	59.764, 1.57, -55.334
Binary	01011111, 10100011, 11111101

#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#fdb95f
```
#fdb95f rgb(253,185,95)
```

Complementary Color

#5ff2fd
```
#5ff2fd rgb(95,242,253)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#6a5ffd
```
#6a5ffd rgb(106,95,253)
```

Analogous Color

#f2fd5f
```
#f2fd5f rgb(242,253,95)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#fd6a5f
```
#fd6a5f rgb(253,106,95)
```

Split Complementary Color

#a3fd5f
```
#a3fd5f rgb(163,253,95)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#fd5fa3
```
#fd5fa3 rgb(253,95,163)
```

Triadic Color

#5ffdb9
```
#5ffdb9 rgb(95,253,185)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#fd5fa3
```
#fd5fa3 rgb(253,95,163)
```
#fdb95f
```
#fdb95f rgb(253,185,95)
```

Tetradic Color

#1378fc
```
#1378fc rgb(19,120,252)
```
#2d86fc
```
#2d86fc rgb(45,134,252)
```
#4695fd
```
#4695fd rgb(70,149,253)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#78b1fd
```
#78b1fd rgb(120,177,253)
```
#91c0fe
```
#91c0fe rgb(145,192,254)
```
#abcefe
```
#abcefe rgb(171,206,254)
```

Monochromatic Color

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

#5fcbfd
```
#5fcbfd rgb(95,203,253)
```
#5fbdfd
```
#5fbdfd rgb(95,189,253)
```
#5fb0fd
```
#5fb0fd rgb(95,176,253)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#5f96fd
```
#5f96fd rgb(95,150,253)
```
#5f89fd
```
#5f89fd rgb(95,137,253)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```

Similar Colors

Text with hexadecimal color #5fa3fd

This text has a font color of #5fa3fd.

<span style="color:#5fa3fd;">Text here</span>

#5fa3fd background color

This paragraph has a background color of #5fa3fd.

<p style="background-color:#5fa3fd;">Content here</p>

#5fa3fd border color

This element has a border color of #5fa3fd.

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

CSS codes

.text {color:#5fa3fd;}

.background {background-color:#5fa3fd;}

.border {border:1px solid #5fa3fd;}

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, #00060e is the darkest color, while #fafcff is the lightest one.

#00060e
```
#00060e rgb(0,6,14)
```
#000f22
```
#000f22 rgb(0,15,34)
```
#011735
```
#011735 rgb(1,23,53)
```
#012048
```
#012048 rgb(1,32,72)
```
#01285c
```
#01285c rgb(1,40,92)
```
#01316f
```
#01316f rgb(1,49,111)
```
#023983
```
#023983 rgb(2,57,131)
```
#024296
```
#024296 rgb(2,66,150)
```
#024aa9
```
#024aa9 rgb(2,74,169)
```
#0253bd
```
#0253bd rgb(2,83,189)
```
#035bd0
```
#035bd0 rgb(3,91,208)
```
#0364e3
```
#0364e3 rgb(3,100,227)
```
#036cf7
```
#036cf7 rgb(3,108,247)
```

Shade Color Variation

#1276fc
```
#1276fc rgb(18,118,252)
```
#2582fc
```
#2582fc rgb(37,130,252)
```
#388dfd
```
#388dfd rgb(56,141,253)
```
#4c98fd
```
#4c98fd rgb(76,152,253)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#86b9fd
```
#86b9fd rgb(134,185,253)
```
#99c4fe
```
#99c4fe rgb(153,196,254)
```
#acd0fe
```
#acd0fe rgb(172,208,254)
```
#c0dbfe
```
#c0dbfe rgb(192,219,254)
```
#d3e6fe
```
#d3e6fe rgb(211,230,254)
```
#e7f1ff
```
#e7f1ff rgb(231,241,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#aaadb2
```
#aaadb2 rgb(170,173,178)
```
#a4adb8
```
#a4adb8 rgb(164,173,184)
```
#9dacbf
```
#9dacbf rgb(157,172,191)
```
#97abc5
```
#97abc5 rgb(151,171,197)
```
#91aacb
```
#91aacb rgb(145,170,203)
```
#8ba9d1
```
#8ba9d1 rgb(139,169,209)
```
#84a8d8
```
#84a8d8 rgb(132,168,216)
```
#7ea7de
```
#7ea7de rgb(126,167,222)
```
#78a6e4
```
#78a6e4 rgb(120,166,228)
```
#72a6ea
```
#72a6ea rgb(114,166,234)
```
#6ba5f1
```
#6ba5f1 rgb(107,165,241)
```
#65a4f7
```
#65a4f7 rgb(101,164,247)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```

Tone Color Variation

Below, you can see how #5fa3fd 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

#999999 Achromatopsia 0.005% of the population
#8d9bad Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a3f9 Protanopia 1% of men
#6fa6fd Deuteranopia 1% of men
#3db4c1 Tritanopia 0.001% of the population

Trichromacy

#76a3fa Protanomaly 1% of men, 0.01% of women
#69a5fd Deuteranomaly 6% of men, 0.4% of women
#49aed7 Tritanomaly 0.01% of the population

#5fa3fd hex color

#5fa3fd Color Information

#5fa3fd Color Conversion

Color Schemes with #5fa3fd

Alternatives to #5fa3fd

#5fa3fd Preview

Shades and Tints of #5fa3fd

Tones of #5fa3fd

Color Blindness Simulator