#1f77f0 Color Information
In a RGB color space, hex #1f77f0 is composed of 12.2% red, 46.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 50.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 214.7 degrees, a saturation of 87.4% and a lightness of 53.1%. #1f77f0 color hex could be obtained by blending #3eeeff with #0000e1. Closest websafe color is: #3366ff.
-
- R 12
- G 47
- B 94
-
- C 87
- M 50
- Y 0
- K 6
● #1f77f0 color description : Vivid blue.
#1f77f0 Color Conversion
The hexadecimal color #1f77f0 has RGB values of R:31, G:119, B:240 and CMYK values of C:0.87, M:0.5, Y:0, K:0.06. Its decimal value is 2062320.
Hex triplet | 1f77f0 | #1f77f0 |
---|---|---|
RGB Decimal | 31, 119, 240 | rgb(31,119,240) |
RGB Percent | 12.2, 46.7, 94.1 | rgb(12.2%,46.7%,94.1%) |
CMYK | 87, 50, 0, 6 | |
HSL | 214.7°, 87.4, 53.1 | hsl(214.7,87.4%,53.1%) |
HSV (or HSB) | 214.7°, 87.1, 94.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.581, 19.767, -67.667 |
---|---|
XYZ | 22.887, 19.774, 85.044 |
xyY | 0.179, 0.155, 19.774 |
CIE-LCH | 51.581, 70.496, 286.284 |
CIE-LUV | 51.581, -25.834, -106.368 |
Hunter-Lab | 44.468, 14.05, -82.262 |
Binary | 00011111, 01110111, 11110000 |
Color Schemes with #1f77f0
Alternatives to #1f77f0
Below, you can see some colors close to #1f77f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77f0 Preview
This text has a font color of #1f77f0.
<span style="color:#1f77f0;">Text here</span>
This paragraph has a background color of #1f77f0.
<p style="background-color:#1f77f0;">Content here</p>
This element has a border color of #1f77f0.
<div style="border:1px solid #1f77f0;">Content here</div>
.text {color:#1f77f0;}
.background {background-color:#1f77f0;}
.border {border:1px solid #1f77f0;}
Shades and Tints of #1f77f0
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, #01070f is the darkest color, while #fcfdff is the lightest one.
-
#01070f
#01070f
rgb(1,7,15)
-
#020f21
#020f21
rgb(2,15,33)
-
#031834
#031834
rgb(3,24,52)
-
#052046
#052046
rgb(5,32,70)
-
#062959
#062959
rgb(6,41,89)
-
#07316b
#07316b
rgb(7,49,107)
-
#083a7d
#083a7d
rgb(8,58,125)
-
#0a4290
#0a4290
rgb(10,66,144)
-
#0b4ba2
#0b4ba2
rgb(11,75,162)
-
#0c53b4
#0c53b4
rgb(12,83,180)
-
#0d5bc7
#0d5bc7
rgb(13,91,199)
-
#0f64d9
#0f64d9
rgb(15,100,217)
-
#106cec
#106cec
rgb(16,108,236)
-
#1f77f0
#1f77f0
rgb(31,119,240)
-
#3182f1
#3182f1
rgb(49,130,241)
-
#448df2
#448df2
rgb(68,141,242)
-
#5698f4
#5698f4
rgb(86,152,244)
-
#69a4f5
#69a4f5
rgb(105,164,245)
-
#7baff6
#7baff6
rgb(123,175,246)
-
#8dbaf7
#8dbaf7
rgb(141,186,247)
-
#a0c5f9
#a0c5f9
rgb(160,197,249)
-
#b2d0fa
#b2d0fa
rgb(178,208,250)
-
#c4dbfb
#c4dbfb
rgb(196,219,251)
-
#d7e7fc
#d7e7fc
rgb(215,231,252)
-
#e9f2fe
#e9f2fe
rgb(233,242,254)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #1f77f0
A tone is produced by adding gray to any pure hue. In this case, #84878b is the less saturated color, while #1676f9 is the most saturated one.
-
#84878b
#84878b
rgb(132,135,139)
-
#7b8694
#7b8694
rgb(123,134,148)
-
#72849d
#72849d
rgb(114,132,157)
-
#6983a6
#6983a6
rgb(105,131,166)
-
#5f81b0
#5f81b0
rgb(95,129,176)
-
#5680b9
#5680b9
rgb(86,128,185)
-
#4d7ec2
#4d7ec2
rgb(77,126,194)
-
#447dcb
#447dcb
rgb(68,125,203)
-
#3b7bd4
#3b7bd4
rgb(59,123,212)
-
#317ade
#317ade
rgb(49,122,222)
-
#2878e7
#2878e7
rgb(40,120,231)
-
#1f77f0
#1f77f0
rgb(31,119,240)
-
#1676f9
#1676f9
rgb(22,118,249)
Color Blindness Simulator
Below, you can see how #1f77f0 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.