#1fa5f9 Color Information
In a RGB color space, hex #1fa5f9 is composed of 12.2% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 203.1 degrees, a saturation of 94.8% and a lightness of 54.9%. #1fa5f9 color hex could be obtained by blending #3effff with #004bf3. Closest websafe color is: #3399ff.
-
- R 12
- G 65
- B 98
-
- C 88
- M 34
- Y 0
- K 2
● #1fa5f9 color description : Vivid blue.
#1fa5f9 Color Conversion
The hexadecimal color #1fa5f9 has RGB values of R:31, G:165, B:249 and CMYK values of C:0.88, M:0.34, Y:0, K:0.02. Its decimal value is 2074105.
Hex triplet | 1fa5f9 | #1fa5f9 |
---|---|---|
RGB Decimal | 31, 165, 249 | rgb(31,165,249) |
RGB Percent | 12.2, 64.7, 97.6 | rgb(12.2%,64.7%,97.6%) |
CMYK | 88, 34, 0, 2 | |
HSL | 203.1°, 94.8, 54.9 | hsl(203.1,94.8%,54.9%) |
HSV (or HSB) | 203.1°, 87.6, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.993, -4.509, -51.164 |
---|---|
XYZ | 31.115, 34.038, 94.547 |
xyY | 0.195, 0.213, 34.038 |
CIE-LCH | 64.993, 51.362, 264.964 |
CIE-LUV | 64.993, -39.745, -82.09 |
Hunter-Lab | 58.342, -6.902, -55.244 |
Binary | 00011111, 10100101, 11111001 |
Color Schemes with #1fa5f9
Alternatives to #1fa5f9
Below, you can see some colors close to #1fa5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1fa5f9 Preview
This text has a font color of #1fa5f9.
<span style="color:#1fa5f9;">Text here</span>
This paragraph has a background color of #1fa5f9.
<p style="background-color:#1fa5f9;">Content here</p>
This element has a border color of #1fa5f9.
<div style="border:1px solid #1fa5f9;">Content here</div>
.text {color:#1fa5f9;}
.background {background-color:#1fa5f9;}
.border {border:1px solid #1fa5f9;}
Shades and Tints of #1fa5f9
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, #000305 is the darkest color, while #f1f9ff is the lightest one.
-
#000305
#000305
rgb(0,3,5)
-
#010f18
#010f18
rgb(1,15,24)
-
#011b2b
#011b2b
rgb(1,27,43)
-
#02273f
#02273f
rgb(2,39,63)
-
#023352
#023352
rgb(2,51,82)
-
#033f65
#033f65
rgb(3,63,101)
-
#034b78
#034b78
rgb(3,75,120)
-
#04578b
#04578b
rgb(4,87,139)
-
#04639e
#04639e
rgb(4,99,158)
-
#056fb1
#056fb1
rgb(5,111,177)
-
#057bc4
#057bc4
rgb(5,123,196)
-
#0687d7
#0687d7
rgb(6,135,215)
-
#0693ea
#0693ea
rgb(6,147,234)
-
#0c9df8
#0c9df8
rgb(12,157,248)
-
#1fa5f9
#1fa5f9
rgb(31,165,249)
-
#32adfa
#32adfa
rgb(50,173,250)
-
#45b4fa
#45b4fa
rgb(69,180,250)
-
#58bcfb
#58bcfb
rgb(88,188,251)
-
#6bc4fb
#6bc4fb
rgb(107,196,251)
-
#7fcbfc
#7fcbfc
rgb(127,203,252)
-
#92d3fc
#92d3fc
rgb(146,211,252)
-
#a5dbfd
#a5dbfd
rgb(165,219,253)
-
#b8e2fd
#b8e2fd
rgb(184,226,253)
-
#cbeafe
#cbeafe
rgb(203,234,254)
-
#def2fe
#def2fe
rgb(222,242,254)
-
#f1f9ff
#f1f9ff
rgb(241,249,255)
Tones of #1fa5f9
A tone is produced by adding gray to any pure hue. In this case, #898d8f is the less saturated color, while #1fa5f9 is the most saturated one.
-
#898d8f
#898d8f
rgb(137,141,143)
-
#808f98
#808f98
rgb(128,143,152)
-
#7791a1
#7791a1
rgb(119,145,161)
-
#6f93a9
#6f93a9
rgb(111,147,169)
-
#6695b2
#6695b2
rgb(102,149,178)
-
#5d97bb
#5d97bb
rgb(93,151,187)
-
#5499c4
#5499c4
rgb(84,153,196)
-
#4b9bcd
#4b9bcd
rgb(75,155,205)
-
#429dd6
#429dd6
rgb(66,157,214)
-
#3a9fde
#3a9fde
rgb(58,159,222)
-
#31a1e7
#31a1e7
rgb(49,161,231)
-
#28a3f0
#28a3f0
rgb(40,163,240)
-
#1fa5f9
#1fa5f9
rgb(31,165,249)
Color Blindness Simulator
Below, you can see how #1fa5f9 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.