#1f77bc Color Information
In a RGB color space, hex #1f77bc is composed of 12.2% red, 46.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 36.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 206.4 degrees, a saturation of 71.7% and a lightness of 42.9%. #1f77bc color hex could be obtained by blending #3eeeff with #000079. Closest websafe color is: #3366cc.
-
- R 12
- G 47
- B 74
-
- C 84
- M 37
- Y 0
- K 26
● #1f77bc color description : Strong blue.
#1f77bc Color Conversion
The hexadecimal color #1f77bc has RGB values of R:31, G:119, B:188 and CMYK values of C:0.84, M:0.37, Y:0, K:0.26. Its decimal value is 2062268.
Hex triplet | 1f77bc | #1f77bc |
---|---|---|
RGB Decimal | 31, 119, 188 | rgb(31,119,188) |
RGB Percent | 12.2, 46.7, 73.7 | rgb(12.2%,46.7%,73.7%) |
CMYK | 84, 37, 0, 26 | |
HSL | 206.4°, 71.7, 42.9 | hsl(206.4,71.7%,42.9%) |
HSV (or HSB) | 206.4°, 83.5, 73.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.404, -0.17, -43.282 |
---|---|
XYZ | 16.237, 17.114, 50.022 |
xyY | 0.195, 0.205, 17.114 |
CIE-LCH | 48.404, 43.282, 269.775 |
CIE-LUV | 48.404, -27.88, -65.578 |
Hunter-Lab | 41.37, -2.338, -42.732 |
Binary | 00011111, 01110111, 10111100 |
Color Schemes with #1f77bc
Alternatives to #1f77bc
Below, you can see some colors close to #1f77bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77bc Preview
This text has a font color of #1f77bc.
<span style="color:#1f77bc;">Text here</span>
This paragraph has a background color of #1f77bc.
<p style="background-color:#1f77bc;">Content here</p>
This element has a border color of #1f77bc.
<div style="border:1px solid #1f77bc;">Content here</div>
.text {color:#1f77bc;}
.background {background-color:#1f77bc;}
.border {border:1px solid #1f77bc;}
Shades and Tints of #1f77bc
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, #000203 is the darkest color, while #f1f8fd is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#030c14
#030c14
rgb(3,12,20)
-
#061724
#061724
rgb(6,23,36)
-
#092235
#092235
rgb(9,34,53)
-
#0c2c46
#0c2c46
rgb(12,44,70)
-
#0e3757
#0e3757
rgb(14,55,87)
-
#114268
#114268
rgb(17,66,104)
-
#144c79
#144c79
rgb(20,76,121)
-
#175789
#175789
rgb(23,87,137)
-
#19629a
#19629a
rgb(25,98,154)
-
#1c6cab
#1c6cab
rgb(28,108,171)
-
#1f77bc
#1f77bc
rgb(31,119,188)
-
#2282cd
#2282cd
rgb(34,130,205)
-
#278cdb
#278cdb
rgb(39,140,219)
-
#3895de
#3895de
rgb(56,149,222)
-
#499ee1
#499ee1
rgb(73,158,225)
-
#59a7e4
#59a7e4
rgb(89,167,228)
-
#6ab0e6
#6ab0e6
rgb(106,176,230)
-
#7bb9e9
#7bb9e9
rgb(123,185,233)
-
#8cc2ec
#8cc2ec
rgb(140,194,236)
-
#9dcbef
#9dcbef
rgb(157,203,239)
-
#aed4f2
#aed4f2
rgb(174,212,242)
-
#beddf4
#beddf4
rgb(190,221,244)
-
#cfe6f7
#cfe6f7
rgb(207,230,247)
-
#e0effa
#e0effa
rgb(224,239,250)
-
#f1f8fd
#f1f8fd
rgb(241,248,253)
Tones of #1f77bc
A tone is produced by adding gray to any pure hue. In this case, #6b6e70 is the less saturated color, while #067ad5 is the most saturated one.
-
#6b6e70
#6b6e70
rgb(107,110,112)
-
#626f79
#626f79
rgb(98,111,121)
-
#5a7081
#5a7081
rgb(90,112,129)
-
#527189
#527189
rgb(82,113,137)
-
#497292
#497292
rgb(73,114,146)
-
#41739a
#41739a
rgb(65,115,154)
-
#3874a3
#3874a3
rgb(56,116,163)
-
#3075ab
#3075ab
rgb(48,117,171)
-
#2776b4
#2776b4
rgb(39,118,180)
-
#1f77bc
#1f77bc
rgb(31,119,188)
-
#1778c4
#1778c4
rgb(23,120,196)
-
#0e79cd
#0e79cd
rgb(14,121,205)
-
#067ad5
#067ad5
rgb(6,122,213)
Color Blindness Simulator
Below, you can see how #1f77bc 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.