#1f4ae2 Color Information
In a RGB color space, hex #1f4ae2 is composed of 12.2% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 226.8 degrees, a saturation of 77.1% and a lightness of 50.4%. #1f4ae2 color hex could be obtained by blending #3e94ff with #0000c5. Closest websafe color is: #3333cc.
-
- R 12
- G 29
- B 89
-
- C 86
- M 67
- Y 0
- K 11
● #1f4ae2 color description : Vivid blue.
#1f4ae2 Color Conversion
The hexadecimal color #1f4ae2 has RGB values of R:31, G:74, B:226 and CMYK values of C:0.86, M:0.67, Y:0, K:0.11. Its decimal value is 2050786.
Hex triplet | 1f4ae2 | #1f4ae2 |
---|---|---|
RGB Decimal | 31, 74, 226 | rgb(31,74,226) |
RGB Percent | 12.2, 29, 88.6 | rgb(12.2%,29%,88.6%) |
CMYK | 86, 67, 0, 11 | |
HSL | 226.8°, 77.1, 50.4 | hsl(226.8,77.1%,50.4%) |
HSV (or HSB) | 226.8°, 86.3, 88.6 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 39.034, 43.047, -80.261 |
---|---|
XYZ | 16.738, 10.679, 73.126 |
xyY | 0.166, 0.106, 10.679 |
CIE-LCH | 39.034, 91.076, 298.206 |
CIE-LUV | 39.034, -14.66, -114.591 |
Hunter-Lab | 32.678, 34.245, -109.803 |
Binary | 00011111, 01001010, 11100010 |
Color Schemes with #1f4ae2
Alternatives to #1f4ae2
Below, you can see some colors close to #1f4ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f4ae2 Preview
This text has a font color of #1f4ae2.
<span style="color:#1f4ae2;">Text here</span>
This paragraph has a background color of #1f4ae2.
<p style="background-color:#1f4ae2;">Content here</p>
This element has a border color of #1f4ae2.
<div style="border:1px solid #1f4ae2;">Content here</div>
.text {color:#1f4ae2;}
.background {background-color:#1f4ae2;}
.border {border:1px solid #1f4ae2;}
Shades and Tints of #1f4ae2
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, #000102 is the darkest color, while #eff2fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#020613
#020613
rgb(2,6,19)
-
#050c25
#050c25
rgb(5,12,37)
-
#071136
#071136
rgb(7,17,54)
-
#091747
#091747
rgb(9,23,71)
-
#0b1c59
#0b1c59
rgb(11,28,89)
-
#0e226a
#0e226a
rgb(14,34,106)
-
#10287b
#10287b
rgb(16,40,123)
-
#122d8d
#122d8d
rgb(18,45,141)
-
#14339e
#14339e
rgb(20,51,158)
-
#1738af
#1738af
rgb(23,56,175)
-
#193ec1
#193ec1
rgb(25,62,193)
-
#1b44d2
#1b44d2
rgb(27,68,210)
-
#1f4ae2
#1f4ae2
rgb(31,74,226)
-
#3058e4
#3058e4
rgb(48,88,228)
-
#4266e6
#4266e6
rgb(66,102,230)
-
#5374e9
#5374e9
rgb(83,116,233)
-
#6482eb
#6482eb
rgb(100,130,235)
-
#7690ed
#7690ed
rgb(118,144,237)
-
#879eef
#879eef
rgb(135,158,239)
-
#99acf2
#99acf2
rgb(153,172,242)
-
#aabaf4
#aabaf4
rgb(170,186,244)
-
#bbc8f6
#bbc8f6
rgb(187,200,246)
-
#cdd6f8
#cdd6f8
rgb(205,214,248)
-
#dee4fb
#dee4fb
rgb(222,228,251)
-
#eff2fd
#eff2fd
rgb(239,242,253)
Tones of #1f4ae2
A tone is produced by adding gray to any pure hue. In this case, #808081 is the less saturated color, while #0c3ff5 is the most saturated one.
-
#808081
#808081
rgb(128,128,129)
-
#777b8a
#777b8a
rgb(119,123,138)
-
#6d7694
#6d7694
rgb(109,118,148)
-
#63709e
#63709e
rgb(99,112,158)
-
#596ba8
#596ba8
rgb(89,107,168)
-
#5065b1
#5065b1
rgb(80,101,177)
-
#4660bb
#4660bb
rgb(70,96,187)
-
#3c5ac5
#3c5ac5
rgb(60,90,197)
-
#3255cf
#3255cf
rgb(50,85,207)
-
#294fd8
#294fd8
rgb(41,79,216)
-
#1f4ae2
#1f4ae2
rgb(31,74,226)
-
#1545ec
#1545ec
rgb(21,69,236)
-
#0c3ff5
#0c3ff5
rgb(12,63,245)
Color Blindness Simulator
Below, you can see how #1f4ae2 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.