#1fa5f2 Color Information
In a RGB color space, hex #1fa5f2 is composed of 12.2% red, 64.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 31.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 201.9 degrees, a saturation of 89% and a lightness of 53.5%. #1fa5f2 color hex could be obtained by blending #3effff with #004be5. Closest websafe color is: #3399ff.
-
- R 12
- G 65
- B 95
-
- C 87
- M 32
- Y 0
- K 5
● #1fa5f2 color description : Vivid blue.
#1fa5f2 Color Conversion
The hexadecimal color #1fa5f2 has RGB values of R:31, G:165, B:242 and CMYK values of C:0.87, M:0.32, Y:0, K:0.05. Its decimal value is 2074098.
Hex triplet | 1fa5f2 | #1fa5f2 |
---|---|---|
RGB Decimal | 31, 165, 242 | rgb(31,165,242) |
RGB Percent | 12.2, 64.7, 94.9 | rgb(12.2%,64.7%,94.9%) |
CMYK | 87, 32, 0, 5 | |
HSL | 201.9°, 89, 53.5 | hsl(201.9,89%,53.5%) |
HSV (or HSB) | 201.9°, 87.2, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.651, -7.04, -47.877 |
---|---|
XYZ | 30.043, 33.61, 88.903 |
xyY | 0.197, 0.22, 33.61 |
CIE-LCH | 64.651, 48.392, 261.635 |
CIE-LUV | 64.651, -40.168, -76.19 |
Hunter-Lab | 57.974, -8.952, -50.34 |
Binary | 00011111, 10100101, 11110010 |
Color Schemes with #1fa5f2
Alternatives to #1fa5f2
Below, you can see some colors close to #1fa5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1fa5f2 Preview
This text has a font color of #1fa5f2.
<span style="color:#1fa5f2;">Text here</span>
This paragraph has a background color of #1fa5f2.
<p style="background-color:#1fa5f2;">Content here</p>
This element has a border color of #1fa5f2.
<div style="border:1px solid #1fa5f2;">Content here</div>
.text {color:#1fa5f2;}
.background {background-color:#1fa5f2;}
.border {border:1px solid #1fa5f2;}
Shades and Tints of #1fa5f2
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, #010b11 is the darkest color, while #fdfeff is the lightest one.
-
#010b11
#010b11
rgb(1,11,17)
-
#021724
#021724
rgb(2,23,36)
-
#032336
#032336
rgb(3,35,54)
-
#043049
#043049
rgb(4,48,73)
-
#053c5b
#053c5b
rgb(5,60,91)
-
#06486e
#06486e
rgb(6,72,110)
-
#075480
#075480
rgb(7,84,128)
-
#096093
#096093
rgb(9,96,147)
-
#0a6ca5
#0a6ca5
rgb(10,108,165)
-
#0b79b8
#0b79b8
rgb(11,121,184)
-
#0c85ca
#0c85ca
rgb(12,133,202)
-
#0d91dd
#0d91dd
rgb(13,145,221)
-
#0e9def
#0e9def
rgb(14,157,239)
-
#1fa5f2
#1fa5f2
rgb(31,165,242)
-
#32acf3
#32acf3
rgb(50,172,243)
-
#44b4f4
#44b4f4
rgb(68,180,244)
-
#57bbf5
#57bbf5
rgb(87,187,245)
-
#69c3f6
#69c3f6
rgb(105,195,246)
-
#7ccaf7
#7ccaf7
rgb(124,202,247)
-
#8ed2f8
#8ed2f8
rgb(142,210,248)
-
#a1d9fa
#a1d9fa
rgb(161,217,250)
-
#b3e1fb
#b3e1fb
rgb(179,225,251)
-
#c6e8fc
#c6e8fc
rgb(198,232,252)
-
#d8effd
#d8effd
rgb(216,239,253)
-
#ebf7fe
#ebf7fe
rgb(235,247,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #1fa5f2
A tone is produced by adding gray to any pure hue. In this case, #838a8e is the less saturated color, while #16a7fb is the most saturated one.
-
#838a8e
#838a8e
rgb(131,138,142)
-
#7a8c97
#7a8c97
rgb(122,140,151)
-
#718fa0
#718fa0
rgb(113,143,160)
-
#6891a9
#6891a9
rgb(104,145,169)
-
#5f94b2
#5f94b2
rgb(95,148,178)
-
#5696bb
#5696bb
rgb(86,150,187)
-
#4d99c4
#4d99c4
rgb(77,153,196)
-
#439bce
#439bce
rgb(67,155,206)
-
#3a9ed7
#3a9ed7
rgb(58,158,215)
-
#31a0e0
#31a0e0
rgb(49,160,224)
-
#28a3e9
#28a3e9
rgb(40,163,233)
-
#1fa5f2
#1fa5f2
rgb(31,165,242)
-
#16a7fb
#16a7fb
rgb(22,167,251)
Color Blindness Simulator
Below, you can see how #1fa5f2 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.