#1f77d4 Color Information
In a RGB color space, hex #1f77d4 is composed of 12.2% red, 46.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 43.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 210.8 degrees, a saturation of 74.5% and a lightness of 47.6%. #1f77d4 color hex could be obtained by blending #3eeeff with #0000a9. Closest websafe color is: #3366cc.
-
- R 12
- G 47
- B 83
-
- C 85
- M 44
- Y 0
- K 17
● #1f77d4 color description : Strong blue.
#1f77d4 Color Conversion
The hexadecimal color #1f77d4 has RGB values of R:31, G:119, B:212 and CMYK values of C:0.85, M:0.44, Y:0, K:0.17. Its decimal value is 2062292.
Hex triplet | 1f77d4 | #1f77d4 |
---|---|---|
RGB Decimal | 31, 119, 212 | rgb(31,119,212) |
RGB Percent | 12.2, 46.7, 83.1 | rgb(12.2%,46.7%,83.1%) |
CMYK | 85, 44, 0, 17 | |
HSL | 210.8°, 74.5, 47.6 | hsl(210.8,74.5%,47.6%) |
HSV (or HSB) | 210.8°, 85.4, 83.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 49.782, 9.03, -54.812 |
---|---|
XYZ | 19.043, 18.237, 64.8 |
xyY | 0.187, 0.179, 18.237 |
CIE-LCH | 49.782, 55.551, 279.355 |
CIE-LUV | 49.782, -26.811, -84.978 |
Hunter-Lab | 42.705, 4.864, -60.074 |
Binary | 00011111, 01110111, 11010100 |
Color Schemes with #1f77d4
Alternatives to #1f77d4
Below, you can see some colors close to #1f77d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77d4 Preview
This text has a font color of #1f77d4.
<span style="color:#1f77d4;">Text here</span>
This paragraph has a background color of #1f77d4.
<p style="background-color:#1f77d4;">Content here</p>
This element has a border color of #1f77d4.
<div style="border:1px solid #1f77d4;">Content here</div>
.text {color:#1f77d4;}
.background {background-color:#1f77d4;}
.border {border:1px solid #1f77d4;}
Shades and Tints of #1f77d4
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, #010407 is the darkest color, while #f5f9fd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#030d18
#030d18
rgb(3,13,24)
-
#061729
#061729
rgb(6,23,41)
-
#08213a
#08213a
rgb(8,33,58)
-
#0b2a4b
#0b2a4b
rgb(11,42,75)
-
#0d345c
#0d345c
rgb(13,52,92)
-
#103d6d
#103d6d
rgb(16,61,109)
-
#12477e
#12477e
rgb(18,71,126)
-
#155190
#155190
rgb(21,81,144)
-
#175aa1
#175aa1
rgb(23,90,161)
-
#1a64b2
#1a64b2
rgb(26,100,178)
-
#1c6dc3
#1c6dc3
rgb(28,109,195)
-
#1f77d4
#1f77d4
rgb(31,119,212)
-
#2781df
#2781df
rgb(39,129,223)
-
#388be2
#388be2
rgb(56,139,226)
-
#4995e4
#4995e4
rgb(73,149,228)
-
#5b9fe7
#5b9fe7
rgb(91,159,231)
-
#6ca9e9
#6ca9e9
rgb(108,169,233)
-
#7db3ec
#7db3ec
rgb(125,179,236)
-
#8ebdee
#8ebdee
rgb(142,189,238)
-
#9fc7f1
#9fc7f1
rgb(159,199,241)
-
#b0d1f3
#b0d1f3
rgb(176,209,243)
-
#c1dbf6
#c1dbf6
rgb(193,219,246)
-
#d2e5f8
#d2e5f8
rgb(210,229,248)
-
#e3effb
#e3effb
rgb(227,239,251)
-
#f5f9fd
#f5f9fd
rgb(245,249,253)
Tones of #1f77d4
A tone is produced by adding gray to any pure hue. In this case, #737980 is the less saturated color, while #0376f0 is the most saturated one.
-
#737980
#737980
rgb(115,121,128)
-
#6a7989
#6a7989
rgb(106,121,137)
-
#607993
#607993
rgb(96,121,147)
-
#57799c
#57799c
rgb(87,121,156)
-
#4e78a5
#4e78a5
rgb(78,120,165)
-
#4478af
#4478af
rgb(68,120,175)
-
#3b78b8
#3b78b8
rgb(59,120,184)
-
#3278c1
#3278c1
rgb(50,120,193)
-
#2877cb
#2877cb
rgb(40,119,203)
-
#1f77d4
#1f77d4
rgb(31,119,212)
-
#1677dd
#1677dd
rgb(22,119,221)
-
#0c76e7
#0c76e7
rgb(12,118,231)
-
#0376f0
#0376f0
rgb(3,118,240)
Color Blindness Simulator
Below, you can see how #1f77d4 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.