#1f5aa2 Color Information
In a RGB color space, hex #1f5aa2 is composed of 12.2% red, 35.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 44.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 213 degrees, a saturation of 67.9% and a lightness of 37.8%. #1f5aa2 color hex could be obtained by blending #3eb4ff with #000045. Closest websafe color is: #336699.
-
- R 12
- G 35
- B 64
-
- C 81
- M 44
- Y 0
- K 36
● #1f5aa2 color description : Dark blue.
#1f5aa2 Color Conversion
The hexadecimal color #1f5aa2 has RGB values of R:31, G:90, B:162 and CMYK values of C:0.81, M:0.44, Y:0, K:0.36. Its decimal value is 2054818.
Hex triplet | 1f5aa2 | #1f5aa2 |
---|---|---|
RGB Decimal | 31, 90, 162 | rgb(31,90,162) |
RGB Percent | 12.2, 35.3, 63.5 | rgb(12.2%,35.3%,63.5%) |
CMYK | 81, 44, 0, 36 | |
HSL | 213°, 67.9, 37.8 | hsl(213,67.9%,37.8%) |
HSV (or HSB) | 213°, 80.9, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.219, 8.034, -44.282 |
---|---|
XYZ | 10.741, 10.211, 35.585 |
xyY | 0.19, 0.181, 10.211 |
CIE-LCH | 38.219, 45.005, 280.283 |
CIE-LUV | 38.219, -19.428, -63.993 |
Hunter-Lab | 31.955, 4.079, -43.657 |
Binary | 00011111, 01011010, 10100010 |
Color Schemes with #1f5aa2
Alternatives to #1f5aa2
Below, you can see some colors close to #1f5aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f5aa2 Preview
This text has a font color of #1f5aa2.
<span style="color:#1f5aa2;">Text here</span>
This paragraph has a background color of #1f5aa2.
<p style="background-color:#1f5aa2;">Content here</p>
This element has a border color of #1f5aa2.
<div style="border:1px solid #1f5aa2;">Content here</div>
.text {color:#1f5aa2;}
.background {background-color:#1f5aa2;}
.border {border:1px solid #1f5aa2;}
Shades and Tints of #1f5aa2
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, #03080e is the darkest color, while #fcfdfe is the lightest one.
-
#03080e
#03080e
rgb(3,8,14)
-
#06111e
#06111e
rgb(6,17,30)
-
#091a2f
#091a2f
rgb(9,26,47)
-
#0c233f
#0c233f
rgb(12,35,63)
-
#0f2c50
#0f2c50
rgb(15,44,80)
-
#123560
#123560
rgb(18,53,96)
-
#163f71
#163f71
rgb(22,63,113)
-
#194881
#194881
rgb(25,72,129)
-
#1c5192
#1c5192
rgb(28,81,146)
-
#1f5aa2
#1f5aa2
rgb(31,90,162)
-
#2263b2
#2263b2
rgb(34,99,178)
-
#256cc3
#256cc3
rgb(37,108,195)
-
#2875d3
#2875d3
rgb(40,117,211)
-
#3780d9
#3780d9
rgb(55,128,217)
-
#478adc
#478adc
rgb(71,138,220)
-
#5895df
#5895df
rgb(88,149,223)
-
#689fe2
#689fe2
rgb(104,159,226)
-
#79aae5
#79aae5
rgb(121,170,229)
-
#89b4e8
#89b4e8
rgb(137,180,232)
-
#9abfec
#9abfec
rgb(154,191,236)
-
#aac9ef
#aac9ef
rgb(170,201,239)
-
#bad3f2
#bad3f2
rgb(186,211,242)
-
#cbdef5
#cbdef5
rgb(203,222,245)
-
#dbe8f8
#dbe8f8
rgb(219,232,248)
-
#ecf3fb
#ecf3fb
rgb(236,243,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #1f5aa2
A tone is produced by adding gray to any pure hue. In this case, #5a6067 is the less saturated color, while #0157c0 is the most saturated one.
-
#5a6067
#5a6067
rgb(90,96,103)
-
#535f6e
#535f6e
rgb(83,95,110)
-
#4c5e75
#4c5e75
rgb(76,94,117)
-
#445e7d
#445e7d
rgb(68,94,125)
-
#3d5d84
#3d5d84
rgb(61,93,132)
-
#355c8c
#355c8c
rgb(53,92,140)
-
#2e5b93
#2e5b93
rgb(46,91,147)
-
#265b9b
#265b9b
rgb(38,91,155)
-
#1f5aa2
#1f5aa2
rgb(31,90,162)
-
#1859a9
#1859a9
rgb(24,89,169)
-
#1059b1
#1059b1
rgb(16,89,177)
-
#0958b8
#0958b8
rgb(9,88,184)
-
#0157c0
#0157c0
rgb(1,87,192)
Color Blindness Simulator
Below, you can see how #1f5aa2 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.