#5fa6f8 Color Information
In a RGB color space, hex #5fa6f8 is composed of 37.3% red, 65.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 33.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 212.2 degrees, a saturation of 91.6% and a lightness of 67.3%. #5fa6f8 color hex could be obtained by blending #beffff with #004df1. Closest websafe color is: #6699ff.
-
- R 37
- G 65
- B 97
-
- C 62
- M 33
- Y 0
- K 3
● #5fa6f8 color description : Soft blue.
#5fa6f8 Color Conversion
The hexadecimal color #5fa6f8 has RGB values of R:95, G:166, B:248 and CMYK values of C:0.62, M:0.33, Y:0, K:0.03. Its decimal value is 6268664.
Hex triplet | 5fa6f8 | #5fa6f8 |
---|---|---|
RGB Decimal | 95, 166, 248 | rgb(95,166,248) |
RGB Percent | 37.3, 65.1, 97.3 | rgb(37.3%,65.1%,97.3%) |
CMYK | 62, 33, 0, 3 | |
HSL | 212.2°, 91.6, 67.3 | hsl(212.2,91.6%,67.3%) |
HSV (or HSB) | 212.2°, 61.7, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.885, 2.122, -47.52 |
---|---|
XYZ | 35.295, 36.48, 93.983 |
xyY | 0.213, 0.22, 36.48 |
CIE-LCH | 66.885, 47.568, 272.557 |
CIE-LUV | 66.885, -30.018, -76.978 |
Hunter-Lab | 60.399, -1.389, -49.978 |
Binary | 01011111, 10100110, 11111000 |
Color Schemes with #5fa6f8
Alternatives to #5fa6f8
Below, you can see some colors close to #5fa6f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5fa6f8 Preview
This text has a font color of #5fa6f8.
<span style="color:#5fa6f8;">Text here</span>
This paragraph has a background color of #5fa6f8.
<p style="background-color:#5fa6f8;">Content here</p>
This element has a border color of #5fa6f8.
<div style="border:1px solid #5fa6f8;">Content here</div>
.text {color:#5fa6f8;}
.background {background-color:#5fa6f8;}
.border {border:1px solid #5fa6f8;}
Shades and Tints of #5fa6f8
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, #000409 is the darkest color, while #f5faff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#010e1c
#010e1c
rgb(1,14,28)
-
#02172f
#02172f
rgb(2,23,47)
-
#032042
#032042
rgb(3,32,66)
-
#042954
#042954
rgb(4,41,84)
-
#053267
#053267
rgb(5,50,103)
-
#053b7a
#053b7a
rgb(5,59,122)
-
#06458d
#06458d
rgb(6,69,141)
-
#074e9f
#074e9f
rgb(7,78,159)
-
#0857b2
#0857b2
rgb(8,87,178)
-
#0960c5
#0960c5
rgb(9,96,197)
-
#0969d8
#0969d8
rgb(9,105,216)
-
#0a72eb
#0a72eb
rgb(10,114,235)
-
#147cf5
#147cf5
rgb(20,124,245)
-
#2787f6
#2787f6
rgb(39,135,246)
-
#3991f6
#3991f6
rgb(57,145,246)
-
#4c9cf7
#4c9cf7
rgb(76,156,247)
-
#5fa6f8
#5fa6f8
rgb(95,166,248)
-
#72b0f9
#72b0f9
rgb(114,176,249)
-
#85bbfa
#85bbfa
rgb(133,187,250)
-
#97c5fa
#97c5fa
rgb(151,197,250)
-
#aad0fb
#aad0fb
rgb(170,208,251)
-
#bddafc
#bddafc
rgb(189,218,252)
-
#d0e5fd
#d0e5fd
rgb(208,229,253)
-
#e3effe
#e3effe
rgb(227,239,254)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #5fa6f8
A tone is produced by adding gray to any pure hue. In this case, #a6abb1 is the less saturated color, while #59a6fe is the most saturated one.
-
#a6abb1
#a6abb1
rgb(166,171,177)
-
#9fabb8
#9fabb8
rgb(159,171,184)
-
#99aabe
#99aabe
rgb(153,170,190)
-
#92aac5
#92aac5
rgb(146,170,197)
-
#8ca9cb
#8ca9cb
rgb(140,169,203)
-
#86a9d1
#86a9d1
rgb(134,169,209)
-
#7fa8d8
#7fa8d8
rgb(127,168,216)
-
#79a8de
#79a8de
rgb(121,168,222)
-
#72a7e5
#72a7e5
rgb(114,167,229)
-
#6ca7eb
#6ca7eb
rgb(108,167,235)
-
#65a6f2
#65a6f2
rgb(101,166,242)
-
#5fa6f8
#5fa6f8
rgb(95,166,248)
-
#59a6fe
#59a6fe
rgb(89,166,254)
Color Blindness Simulator
Below, you can see how #5fa6f8 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.