#1f5bda Color Information
In a RGB color space, hex #1f5bda is composed of 12.2% red, 35.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 58.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 220.7 degrees, a saturation of 75.1% and a lightness of 48.8%. #1f5bda color hex could be obtained by blending #3eb6ff with #0000b5. Closest websafe color is: #3366cc.
-
- R 12
- G 36
- B 85
-
- C 86
- M 58
- Y 0
- K 15
● #1f5bda color description : Vivid blue.
#1f5bda Color Conversion
The hexadecimal color #1f5bda has RGB values of R:31, G:91, B:218 and CMYK values of C:0.86, M:0.58, Y:0, K:0.15. Its decimal value is 2055130.
Hex triplet | 1f5bda | #1f5bda |
---|---|---|
RGB Decimal | 31, 91, 218 | rgb(31,91,218) |
RGB Percent | 12.2, 35.7, 85.5 | rgb(12.2%,35.7%,85.5%) |
CMYK | 86, 58, 0, 15 | |
HSL | 220.7°, 75.1, 48.8 | hsl(220.7,75.1%,48.8%) |
HSV (or HSB) | 220.7°, 85.8, 85.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.512, 29.275, -69.995 |
---|---|
XYZ | 16.958, 12.834, 67.909 |
xyY | 0.174, 0.131, 12.834 |
CIE-LCH | 42.512, 75.871, 292.697 |
CIE-LUV | 42.512, -18.61, -104.338 |
Hunter-Lab | 35.825, 21.803, -87.313 |
Binary | 00011111, 01011011, 11011010 |
Color Schemes with #1f5bda
Alternatives to #1f5bda
Below, you can see some colors close to #1f5bda. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f5bda Preview
This text has a font color of #1f5bda.
<span style="color:#1f5bda;">Text here</span>
This paragraph has a background color of #1f5bda.
<p style="background-color:#1f5bda;">Content here</p>
This element has a border color of #1f5bda.
<div style="border:1px solid #1f5bda;">Content here</div>
.text {color:#1f5bda;}
.background {background-color:#1f5bda;}
.border {border:1px solid #1f5bda;}
Shades and Tints of #1f5bda
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, #02050c is the darkest color, while #fafbfe is the lightest one.
-
#02050c
#02050c
rgb(2,5,12)
-
#040c1d
#040c1d
rgb(4,12,29)
-
#07132e
#07132e
rgb(7,19,46)
-
#091a3f
#091a3f
rgb(9,26,63)
-
#0b2251
#0b2251
rgb(11,34,81)
-
#0e2962
#0e2962
rgb(14,41,98)
-
#103073
#103073
rgb(16,48,115)
-
#133784
#133784
rgb(19,55,132)
-
#153e95
#153e95
rgb(21,62,149)
-
#1845a6
#1845a6
rgb(24,69,166)
-
#1a4db8
#1a4db8
rgb(26,77,184)
-
#1d54c9
#1d54c9
rgb(29,84,201)
-
#1f5bda
#1f5bda
rgb(31,91,218)
-
#2c66e1
#2c66e1
rgb(44,102,225)
-
#3d72e3
#3d72e3
rgb(61,114,227)
-
#4e7fe6
#4e7fe6
rgb(78,127,230)
-
#5f8be8
#5f8be8
rgb(95,139,232)
-
#7098eb
#7098eb
rgb(112,152,235)
-
#82a4ed
#82a4ed
rgb(130,164,237)
-
#93b1f0
#93b1f0
rgb(147,177,240)
-
#a4bdf2
#a4bdf2
rgb(164,189,242)
-
#b5c9f4
#b5c9f4
rgb(181,201,244)
-
#c6d6f7
#c6d6f7
rgb(198,214,247)
-
#d7e2f9
#d7e2f9
rgb(215,226,249)
-
#e9effc
#e9effc
rgb(233,239,252)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #1f5bda
A tone is produced by adding gray to any pure hue. In this case, #757a84 is the less saturated color, while #0251f7 is the most saturated one.
-
#757a84
#757a84
rgb(117,122,132)
-
#6c768d
#6c768d
rgb(108,118,141)
-
#627397
#627397
rgb(98,115,151)
-
#5870a1
#5870a1
rgb(88,112,161)
-
#4f6caa
#4f6caa
rgb(79,108,170)
-
#4569b4
#4569b4
rgb(69,105,180)
-
#3c65bd
#3c65bd
rgb(60,101,189)
-
#3262c7
#3262c7
rgb(50,98,199)
-
#295ed0
#295ed0
rgb(41,94,208)
-
#1f5bda
#1f5bda
rgb(31,91,218)
-
#1558e4
#1558e4
rgb(21,88,228)
-
#0c54ed
#0c54ed
rgb(12,84,237)
-
#0251f7
#0251f7
rgb(2,81,247)
Color Blindness Simulator
Below, you can see how #1f5bda 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.