#1f77b3 Color Information
In a RGB color space, hex #1f77b3 is composed of 12.2% red, 46.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 33.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 204.3 degrees, a saturation of 70.5% and a lightness of 41.2%. #1f77b3 color hex could be obtained by blending #3eeeff with #000067. Closest websafe color is: #3366cc.
-
- R 12
- G 47
- B 70
-
- C 83
- M 34
- Y 0
- K 30
● #1f77b3 color description : Strong blue.
#1f77b3 Color Conversion
The hexadecimal color #1f77b3 has RGB values of R:31, G:119, B:179 and CMYK values of C:0.83, M:0.34, Y:0, K:0.3. Its decimal value is 2062259.
Hex triplet | 1f77b3 | #1f77b3 |
---|---|---|
RGB Decimal | 31, 119, 179 | rgb(31,119,179) |
RGB Percent | 12.2, 46.7, 70.2 | rgb(12.2%,46.7%,70.2%) |
CMYK | 83, 34, 0, 30 | |
HSL | 204.3°, 70.5, 41.2 | hsl(204.3,70.5%,41.2%) |
HSV (or HSB) | 204.3°, 82.7, 70.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.929, -3.583, -38.831 |
---|---|
XYZ | 15.297, 16.738, 45.07 |
xyY | 0.198, 0.217, 16.738 |
CIE-LCH | 47.929, 38.996, 264.728 |
CIE-LUV | 47.929, -28.335, -58.075 |
Hunter-Lab | 40.912, -4.858, -36.676 |
Binary | 00011111, 01110111, 10110011 |
Color Schemes with #1f77b3
Alternatives to #1f77b3
Below, you can see some colors close to #1f77b3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77b3 Preview
This text has a font color of #1f77b3.
<span style="color:#1f77b3;">Text here</span>
This paragraph has a background color of #1f77b3.
<p style="background-color:#1f77b3;">Content here</p>
This element has a border color of #1f77b3.
<div style="border:1px solid #1f77b3;">Content here</div>
.text {color:#1f77b3;}
.background {background-color:#1f77b3;}
.border {border:1px solid #1f77b3;}
Shades and Tints of #1f77b3
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, #02080c is the darkest color, while #fafdfe is the lightest one.
-
#02080c
#02080c
rgb(2,8,12)
-
#05131d
#05131d
rgb(5,19,29)
-
#081e2d
#081e2d
rgb(8,30,45)
-
#0b293e
#0b293e
rgb(11,41,62)
-
#0e344f
#0e344f
rgb(14,52,79)
-
#113f5f
#113f5f
rgb(17,63,95)
-
#134b70
#134b70
rgb(19,75,112)
-
#165681
#165681
rgb(22,86,129)
-
#196192
#196192
rgb(25,97,146)
-
#1c6ca2
#1c6ca2
rgb(28,108,162)
-
#1f77b3
#1f77b3
rgb(31,119,179)
-
#2282c4
#2282c4
rgb(34,130,196)
-
#258dd4
#258dd4
rgb(37,141,212)
-
#3197db
#3197db
rgb(49,151,219)
-
#429fde
#429fde
rgb(66,159,222)
-
#53a8e1
#53a8e1
rgb(83,168,225)
-
#64b0e4
#64b0e4
rgb(100,176,228)
-
#74b9e7
#74b9e7
rgb(116,185,231)
-
#85c1ea
#85c1ea
rgb(133,193,234)
-
#96caed
#96caed
rgb(150,202,237)
-
#a6d2f0
#a6d2f0
rgb(166,210,240)
-
#b7dbf3
#b7dbf3
rgb(183,219,243)
-
#c8e3f5
#c8e3f5
rgb(200,227,245)
-
#d9ecf8
#d9ecf8
rgb(217,236,248)
-
#e9f4fb
#e9f4fb
rgb(233,244,251)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #1f77b3
A tone is produced by adding gray to any pure hue. In this case, #68696a is the less saturated color, while #077ccb is the most saturated one.
-
#68696a
#68696a
rgb(104,105,106)
-
#606b72
#606b72
rgb(96,107,114)
-
#586c7a
#586c7a
rgb(88,108,122)
-
#4f6e83
#4f6e83
rgb(79,110,131)
-
#476f8b
#476f8b
rgb(71,111,139)
-
#3f7193
#3f7193
rgb(63,113,147)
-
#37729b
#37729b
rgb(55,114,155)
-
#2f74a3
#2f74a3
rgb(47,116,163)
-
#2775ab
#2775ab
rgb(39,117,171)
-
#1f77b3
#1f77b3
rgb(31,119,179)
-
#1779bb
#1779bb
rgb(23,121,187)
-
#0f7ac3
#0f7ac3
rgb(15,122,195)
-
#077ccb
#077ccb
rgb(7,124,203)
Color Blindness Simulator
Below, you can see how #1f77b3 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.