#1f77f8 Color Information
In a RGB color space, hex #1f77f8 is composed of 12.2% red, 46.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 52% magenta, 0% yellow and 2.7% black. It has a hue angle of 215.7 degrees, a saturation of 93.9% and a lightness of 54.7%. #1f77f8 color hex could be obtained by blending #3eeeff with #0000f1. Closest websafe color is: #3366ff.
-
- R 12
- G 47
- B 97
-
- C 88
- M 52
- Y 0
- K 3
● #1f77f8 color description : Vivid blue.
#1f77f8 Color Conversion
The hexadecimal color #1f77f8 has RGB values of R:31, G:119, B:248 and CMYK values of C:0.88, M:0.52, Y:0, K:0.03. Its decimal value is 2062328.
Hex triplet | 1f77f8 | #1f77f8 |
---|---|---|
RGB Decimal | 31, 119, 248 | rgb(31,119,248) |
RGB Percent | 12.2, 46.7, 97.3 | rgb(12.2%,46.7%,97.3%) |
CMYK | 88, 52, 0, 3 | |
HSL | 215.7°, 93.9, 54.7 | hsl(215.7,93.9%,54.7%) |
HSV (or HSB) | 215.7°, 87.5, 97.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 52.13, 22.81, -71.228 |
---|---|
XYZ | 24.101, 20.26, 91.442 |
xyY | 0.177, 0.149, 20.26 |
CIE-LCH | 52.13, 74.792, 287.757 |
CIE-LUV | 52.13, -25.607, -112.232 |
Hunter-Lab | 45.011, 16.808, -88.942 |
Binary | 00011111, 01110111, 11111000 |
Color Schemes with #1f77f8
Alternatives to #1f77f8
Below, you can see some colors close to #1f77f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77f8 Preview
This text has a font color of #1f77f8.
<span style="color:#1f77f8;">Text here</span>
This paragraph has a background color of #1f77f8.
<p style="background-color:#1f77f8;">Content here</p>
This element has a border color of #1f77f8.
<div style="border:1px solid #1f77f8;">Content here</div>
.text {color:#1f77f8;}
.background {background-color:#1f77f8;}
.border {border:1px solid #1f77f8;}
Shades and Tints of #1f77f8
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, #000204 is the darkest color, while #f0f6ff is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#010a17
#010a17
rgb(1,10,23)
-
#01122a
#01122a
rgb(1,18,42)
-
#021a3d
#021a3d
rgb(2,26,61)
-
#032250
#032250
rgb(3,34,80)
-
#032a63
#032a63
rgb(3,42,99)
-
#043276
#043276
rgb(4,50,118)
-
#043a89
#043a89
rgb(4,58,137)
-
#05429c
#05429c
rgb(5,66,156)
-
#054aaf
#054aaf
rgb(5,74,175)
-
#0652c2
#0652c2
rgb(6,82,194)
-
#075bd5
#075bd5
rgb(7,91,213)
-
#0763e9
#0763e9
rgb(7,99,233)
-
#0c6bf7
#0c6bf7
rgb(12,107,247)
-
#1f77f8
#1f77f8
rgb(31,119,248)
-
#3283f9
#3283f9
rgb(50,131,249)
-
#458ef9
#458ef9
rgb(69,142,249)
-
#589afa
#589afa
rgb(88,154,250)
-
#6ba5fa
#6ba5fa
rgb(107,165,250)
-
#7eb1fb
#7eb1fb
rgb(126,177,251)
-
#91bcfc
#91bcfc
rgb(145,188,252)
-
#a4c8fc
#a4c8fc
rgb(164,200,252)
-
#b7d3fd
#b7d3fd
rgb(183,211,253)
-
#cadffd
#cadffd
rgb(202,223,253)
-
#ddeafe
#ddeafe
rgb(221,234,254)
-
#f0f6ff
#f0f6ff
rgb(240,246,255)
Tones of #1f77f8
A tone is produced by adding gray to any pure hue. In this case, #8a8b8d is the less saturated color, while #1f77f8 is the most saturated one.
-
#8a8b8d
#8a8b8d
rgb(138,139,141)
-
#818996
#818996
rgb(129,137,150)
-
#78889f
#78889f
rgb(120,136,159)
-
#6f86a8
#6f86a8
rgb(111,134,168)
-
#6684b1
#6684b1
rgb(102,132,177)
-
#5d83ba
#5d83ba
rgb(93,131,186)
-
#5481c3
#5481c3
rgb(84,129,195)
-
#4b7fcc
#4b7fcc
rgb(75,127,204)
-
#437ed4
#437ed4
rgb(67,126,212)
-
#3a7cdd
#3a7cdd
rgb(58,124,221)
-
#317ae6
#317ae6
rgb(49,122,230)
-
#2879ef
#2879ef
rgb(40,121,239)
-
#1f77f8
#1f77f8
rgb(31,119,248)
Color Blindness Simulator
Below, you can see how #1f77f8 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.