#4fa5fc hex color

In a RGB color space, hex #4fa5fc is composed of 31% red, 64.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 34.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 210.2 degrees, a saturation of 96.6% and a lightness of 64.9%. #4fa5fc color hex could be obtained by blending #9effff with #004bf9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 65
- B 99
RGB color chart
- C 69
- M 35
- Y 0
- K 1
CMYK color chart

● #4fa5fc color description : Soft blue.

The hexadecimal color #4fa5fc has RGB values of R:79, G:165, B:252 and CMYK values of C:0.69, M:0.35, Y:0, K:0.01. Its decimal value is 5219836.

Hex triplet	4fa5fc	`#4fa5fc`
RGB Decimal	79, 165, 252	`rgb(79,165,252)`
RGB Percent	31, 64.7, 98.8	`rgb(31%,64.7%,98.8%)`
CMYK	69, 35, 0, 1
HSL	210.2°, 96.6, 64.9	`hsl(210.2,96.6%,64.9%)`
HSV (or HSB)	210.2°, 68.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.212, 1.429, -50.801
XYZ	34.246, 35.598, 97.156
xyY	0.205, 0.213, 35.598
CIE-LCH	66.212, 50.821, 271.612
CIE-LUV	66.212, -33.137, -82.341
Hunter-Lab	59.664, -1.957, -54.782
Binary	01001111, 10100101, 11111100

#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#fca64f
```
#fca64f rgb(252,166,79)
```

Complementary Color

#4ffcfc
```
#4ffcfc rgb(79,252,252)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#4f4ffc
```
#4f4ffc rgb(79,79,252)
```

Analogous Color

#fcfc4f
```
#fcfc4f rgb(252,252,79)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#fc504f
```
#fc504f rgb(252,80,79)
```

Split Complementary Color

#a5fc4f
```
#a5fc4f rgb(165,252,79)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#fc4fa5
```
#fc4fa5 rgb(252,79,165)
```

Triadic Color

#4ffca6
```
#4ffca6 rgb(79,252,166)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#fc4fa5
```
#fc4fa5 rgb(252,79,165)
```
#fca64f
```
#fca64f rgb(252,166,79)
```

Tetradic Color

#047ffa
```
#047ffa rgb(4,127,250)
```
#1d8bfb
```
#1d8bfb rgb(29,139,251)
```
#3698fc
```
#3698fc rgb(54,152,252)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#68b2fc
```
#68b2fc rgb(104,178,252)
```
#81bffd
```
#81bffd rgb(129,191,253)
```
#9acbfd
```
#9acbfd rgb(154,203,253)
```

Monochromatic Color

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

#4fd0fc
```
#4fd0fc rgb(79,208,252)
```
#4fc2fc
```
#4fc2fc rgb(79,194,252)
```
#4fb3fc
```
#4fb3fc rgb(79,179,252)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#4f97fc
```
#4f97fc rgb(79,151,252)
```
#4f88fc
```
#4f88fc rgb(79,136,252)
```
#4f7afc
```
#4f7afc rgb(79,122,252)
```

Similar Colors

Text with hexadecimal color #4fa5fc

This text has a font color of #4fa5fc.

<span style="color:#4fa5fc;">Text here</span>

#4fa5fc background color

This paragraph has a background color of #4fa5fc.

<p style="background-color:#4fa5fc;">Content here</p>

#4fa5fc border color

This element has a border color of #4fa5fc.

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

CSS codes

.text {color:#4fa5fc;}

.background {background-color:#4fa5fc;}

.border {border:1px solid #4fa5fc;}

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

#000911
```
#000911 rgb(0,9,17)
```
#011224
```
#011224 rgb(1,18,36)
```
#011c37
```
#011c37 rgb(1,28,55)
```
#01264b
```
#01264b rgb(1,38,75)
```
#02305e
```
#02305e rgb(2,48,94)
```
#023971
```
#023971 rgb(2,57,113)
```
#024385
```
#024385 rgb(2,67,133)
```
#034d98
```
#034d98 rgb(3,77,152)
```
#0357ab
```
#0357ab rgb(3,87,171)
```
#0360be
```
#0360be rgb(3,96,190)
```
#046ad2
```
#046ad2 rgb(4,106,210)
```
#0474e5
```
#0474e5 rgb(4,116,229)
```
#047ef8
```
#047ef8 rgb(4,126,248)
```

Shade Color Variation

#1587fb
```
#1587fb rgb(21,135,251)
```
#2891fb
```
#2891fb rgb(40,145,251)
```
#3c9bfc
```
#3c9bfc rgb(60,155,252)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```
#62affc
```
#62affc rgb(98,175,252)
```
#76b9fd
```
#76b9fd rgb(118,185,253)
```
#89c3fd
```
#89c3fd rgb(137,195,253)
```
#9cccfd
```
#9cccfd rgb(156,204,253)
```
#afd6fe
```
#afd6fe rgb(175,214,254)
```
#c3e0fe
```
#c3e0fe rgb(195,224,254)
```
#d6eafe
```
#d6eafe rgb(214,234,254)
```
#e9f4ff
```
#e9f4ff rgb(233,244,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a2a5a9
```
#a2a5a9 rgb(162,165,169)
```
#9ba5b0
```
#9ba5b0 rgb(155,165,176)
```
#94a5b7
```
#94a5b7 rgb(148,165,183)
```
#8da5be
```
#8da5be rgb(141,165,190)
```
#86a5c5
```
#86a5c5 rgb(134,165,197)
```
#7fa5cc
```
#7fa5cc rgb(127,165,204)
```
#78a5d3
```
#78a5d3 rgb(120,165,211)
```
#71a5da
```
#71a5da rgb(113,165,218)
```
#6ba5e0
```
#6ba5e0 rgb(107,165,224)
```
#64a5e7
```
#64a5e7 rgb(100,165,231)
```
#5da5ee
```
#5da5ee rgb(93,165,238)
```
#56a5f5
```
#56a5f5 rgb(86,165,245)
```
#4fa5fc
```
#4fa5fc rgb(79,165,252)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8798aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a3f7 Protanopia 1% of men
#6ea6fd Deuteranopia 1% of men
#00b5c3 Tritanopia 0.001% of the population

Trichromacy

#71a3f8 Protanomaly 1% of men, 0.01% of women
#63a5fd Deuteranomaly 6% of men, 0.4% of women
#1cafd7 Tritanomaly 0.01% of the population

#4fa5fc hex color

#4fa5fc Color Information

#4fa5fc Color Conversion

Color Schemes with #4fa5fc

Alternatives to #4fa5fc

#4fa5fc Preview

Shades and Tints of #4fa5fc

Tones of #4fa5fc

Color Blindness Simulator