#1f77f6 Color Information
In a RGB color space, hex #1f77f6 is composed of 12.2% red, 46.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 51.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 215.4 degrees, a saturation of 92.3% and a lightness of 54.3%. #1f77f6 color hex could be obtained by blending #3eeeff with #0000ed. Closest websafe color is: #3366ff.
-
- R 12
- G 47
- B 96
-
- C 87
- M 52
- Y 0
- K 4
● #1f77f6 color description : Vivid blue.
#1f77f6 Color Conversion
The hexadecimal color #1f77f6 has RGB values of R:31, G:119, B:246 and CMYK values of C:0.87, M:0.52, Y:0, K:0.04. Its decimal value is 2062326.
Hex triplet | 1f77f6 | #1f77f6 |
---|---|---|
RGB Decimal | 31, 119, 246 | rgb(31,119,246) |
RGB Percent | 12.2, 46.7, 96.5 | rgb(12.2%,46.7%,96.5%) |
CMYK | 87, 52, 0, 4 | |
HSL | 215.4°, 92.3, 54.3 | hsl(215.4,92.3%,54.3%) |
HSV (or HSB) | 215.4°, 87.4, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.991, 22.051, -70.343 |
---|---|
XYZ | 23.793, 20.137, 89.816 |
xyY | 0.178, 0.151, 20.137 |
CIE-LCH | 51.991, 73.718, 287.405 |
CIE-LUV | 51.991, -25.662, -110.776 |
Hunter-Lab | 44.874, 16.114, -87.259 |
Binary | 00011111, 01110111, 11110110 |
Color Schemes with #1f77f6
Alternatives to #1f77f6
Below, you can see some colors close to #1f77f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77f6 Preview
This text has a font color of #1f77f6.
<span style="color:#1f77f6;">Text here</span>
This paragraph has a background color of #1f77f6.
<p style="background-color:#1f77f6;">Content here</p>
This element has a border color of #1f77f6.
<div style="border:1px solid #1f77f6;">Content here</div>
.text {color:#1f77f6;}
.background {background-color:#1f77f6;}
.border {border:1px solid #1f77f6;}
Shades and Tints of #1f77f6
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, #000102 is the darkest color, while #eef5fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010915
#010915
rgb(1,9,21)
-
#021128
#021128
rgb(2,17,40)
-
#02193b
#02193b
rgb(2,25,59)
-
#03224e
#03224e
rgb(3,34,78)
-
#042a61
#042a61
rgb(4,42,97)
-
#053273
#053273
rgb(5,50,115)
-
#053a86
#053a86
rgb(5,58,134)
-
#064299
#064299
rgb(6,66,153)
-
#074aac
#074aac
rgb(7,74,172)
-
#0853bf
#0853bf
rgb(8,83,191)
-
#085bd2
#085bd2
rgb(8,91,210)
-
#0963e5
#0963e5
rgb(9,99,229)
-
#0c6cf5
#0c6cf5
rgb(12,108,245)
-
#1f77f6
#1f77f6
rgb(31,119,246)
-
#3282f7
#3282f7
rgb(50,130,247)
-
#458ef8
#458ef8
rgb(69,142,248)
-
#5899f8
#5899f8
rgb(88,153,248)
-
#6aa5f9
#6aa5f9
rgb(106,165,249)
-
#7db0fa
#7db0fa
rgb(125,176,250)
-
#90bcfb
#90bcfb
rgb(144,188,251)
-
#a3c7fb
#a3c7fb
rgb(163,199,251)
-
#b6d3fc
#b6d3fc
rgb(182,211,252)
-
#c9defd
#c9defd
rgb(201,222,253)
-
#dce9fe
#dce9fe
rgb(220,233,254)
-
#eef5fe
#eef5fe
rgb(238,245,254)
Tones of #1f77f6
A tone is produced by adding gray to any pure hue. In this case, #828993 is the less saturated color, while #1675ff is the most saturated one.
-
#828993
#828993
rgb(130,137,147)
-
#79879c
#79879c
rgb(121,135,156)
-
#7086a5
#7086a5
rgb(112,134,165)
-
#6784ae
#6784ae
rgb(103,132,174)
-
#5e82b7
#5e82b7
rgb(94,130,183)
-
#5581c0
#5581c0
rgb(85,129,192)
-
#4c7fc9
#4c7fc9
rgb(76,127,201)
-
#437ed2
#437ed2
rgb(67,126,210)
-
#3a7cdb
#3a7cdb
rgb(58,124,219)
-
#317ae4
#317ae4
rgb(49,122,228)
-
#2879ed
#2879ed
rgb(40,121,237)
-
#1f77f6
#1f77f6
rgb(31,119,246)
-
#1675ff
#1675ff
rgb(22,117,255)
Color Blindness Simulator
Below, you can see how #1f77f6 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.