#1f7bda Color Information
In a RGB color space, hex #1f7bda is composed of 12.2% red, 48.2% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 43.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 210.5 degrees, a saturation of 75.1% and a lightness of 48.8%. #1f7bda color hex could be obtained by blending #3ef6ff with #0000b5. Closest websafe color is: #3366cc.
-
- R 12
- G 48
- B 85
-
- C 86
- M 44
- Y 0
- K 15
● #1f7bda color description : Vivid blue.
#1f7bda Color Conversion
The hexadecimal color #1f7bda has RGB values of R:31, G:123, B:218 and CMYK values of C:0.86, M:0.44, Y:0, K:0.15. Its decimal value is 2063322.
Hex triplet | 1f7bda | #1f7bda |
---|---|---|
RGB Decimal | 31, 123, 218 | rgb(31,123,218) |
RGB Percent | 12.2, 48.2, 85.5 | rgb(12.2%,48.2%,85.5%) |
CMYK | 86, 44, 0, 15 | |
HSL | 210.5°, 75.1, 48.8 | hsl(210.5,75.1%,48.8%) |
HSV (or HSB) | 210.5°, 85.8, 85.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.287, 8.844, -55.795 |
---|---|
XYZ | 20.3, 19.517, 69.023 |
xyY | 0.187, 0.179, 19.517 |
CIE-LCH | 51.287, 56.492, 279.007 |
CIE-LUV | 51.287, -27.819, -87.088 |
Hunter-Lab | 44.179, 4.708, -61.708 |
Binary | 00011111, 01111011, 11011010 |
Color Schemes with #1f7bda
Alternatives to #1f7bda
Below, you can see some colors close to #1f7bda. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f7bda Preview
This text has a font color of #1f7bda.
<span style="color:#1f7bda;">Text here</span>
This paragraph has a background color of #1f7bda.
<p style="background-color:#1f7bda;">Content here</p>
This element has a border color of #1f7bda.
<div style="border:1px solid #1f7bda;">Content here</div>
.text {color:#1f7bda;}
.background {background-color:#1f7bda;}
.border {border:1px solid #1f7bda;}
Shades and Tints of #1f7bda
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, #02070c is the darkest color, while #fafcfe is the lightest one.
-
#02070c
#02070c
rgb(2,7,12)
-
#04101d
#04101d
rgb(4,16,29)
-
#071a2e
#071a2e
rgb(7,26,46)
-
#09243f
#09243f
rgb(9,36,63)
-
#0b2d51
#0b2d51
rgb(11,45,81)
-
#0e3762
#0e3762
rgb(14,55,98)
-
#104173
#104173
rgb(16,65,115)
-
#134b84
#134b84
rgb(19,75,132)
-
#155495
#155495
rgb(21,84,149)
-
#185ea6
#185ea6
rgb(24,94,166)
-
#1a68b8
#1a68b8
rgb(26,104,184)
-
#1d71c9
#1d71c9
rgb(29,113,201)
-
#1f7bda
#1f7bda
rgb(31,123,218)
-
#2c85e1
#2c85e1
rgb(44,133,225)
-
#3d8fe3
#3d8fe3
rgb(61,143,227)
-
#4e99e6
#4e99e6
rgb(78,153,230)
-
#5fa3e8
#5fa3e8
rgb(95,163,232)
-
#70adeb
#70adeb
rgb(112,173,235)
-
#82b6ed
#82b6ed
rgb(130,182,237)
-
#93c0f0
#93c0f0
rgb(147,192,240)
-
#a4caf2
#a4caf2
rgb(164,202,242)
-
#b5d4f4
#b5d4f4
rgb(181,212,244)
-
#c6def7
#c6def7
rgb(198,222,247)
-
#d7e8f9
#d7e8f9
rgb(215,232,249)
-
#e9f2fc
#e9f2fc
rgb(233,242,252)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #1f7bda
A tone is produced by adding gray to any pure hue. In this case, #757c84 is the less saturated color, while #027bf7 is the most saturated one.
-
#757c84
#757c84
rgb(117,124,132)
-
#6c7c8d
#6c7c8d
rgb(108,124,141)
-
#627c97
#627c97
rgb(98,124,151)
-
#587ca1
#587ca1
rgb(88,124,161)
-
#4f7caa
#4f7caa
rgb(79,124,170)
-
#457cb4
#457cb4
rgb(69,124,180)
-
#3c7bbd
#3c7bbd
rgb(60,123,189)
-
#327bc7
#327bc7
rgb(50,123,199)
-
#297bd0
#297bd0
rgb(41,123,208)
-
#1f7bda
#1f7bda
rgb(31,123,218)
-
#157be4
#157be4
rgb(21,123,228)
-
#0c7bed
#0c7bed
rgb(12,123,237)
-
#027bf7
#027bf7
rgb(2,123,247)
Color Blindness Simulator
Below, you can see how #1f7bda 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.