#145aa2 Color Information
In a RGB color space, hex #145aa2 is composed of 7.8% red, 35.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 44.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 210.4 degrees, a saturation of 78% and a lightness of 35.7%. #145aa2 color hex could be obtained by blending #28b4ff with #000045. Closest websafe color is: #006699.
-
- R 8
- G 35
- B 64
-
- C 88
- M 44
- Y 0
- K 36
● #145aa2 color description : Dark blue.
#145aa2 Color Conversion
The hexadecimal color #145aa2 has RGB values of R:20, G:90, B:162 and CMYK values of C:0.88, M:0.44, Y:0, K:0.36. Its decimal value is 1333922.
Hex triplet | 145aa2 | #145aa2 |
---|---|---|
RGB Decimal | 20, 90, 162 | rgb(20,90,162) |
RGB Percent | 7.8, 35.3, 63.5 | rgb(7.8%,35.3%,63.5%) |
CMYK | 88, 44, 0, 36 | |
HSL | 210.4°, 78, 35.7 | hsl(210.4,78%,35.7%) |
HSV (or HSB) | 210.4°, 87.7, 63.5 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 37.966, 7.034, -44.702 |
---|---|
XYZ | 10.465, 10.069, 35.572 |
xyY | 0.187, 0.179, 10.069 |
CIE-LCH | 37.966, 45.252, 278.942 |
CIE-LUV | 37.966, -20.618, -64.396 |
Hunter-Lab | 31.731, 3.338, -44.255 |
Binary | 00010100, 01011010, 10100010 |
Color Schemes with #145aa2
Alternatives to #145aa2
Below, you can see some colors close to #145aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#145aa2 Preview
This text has a font color of #145aa2.
<span style="color:#145aa2;">Text here</span>
This paragraph has a background color of #145aa2.
<p style="background-color:#145aa2;">Content here</p>
This element has a border color of #145aa2.
<div style="border:1px solid #145aa2;">Content here</div>
.text {color:#145aa2;}
.background {background-color:#145aa2;}
.border {border:1px solid #145aa2;}
Shades and Tints of #145aa2
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, #010305 is the darkest color, while #f2f8fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#030c16
#030c16
rgb(3,12,22)
-
#051628
#051628
rgb(5,22,40)
-
#072039
#072039
rgb(7,32,57)
-
#092a4b
#092a4b
rgb(9,42,75)
-
#0b335c
#0b335c
rgb(11,51,92)
-
#0e3d6e
#0e3d6e
rgb(14,61,110)
-
#10477f
#10477f
rgb(16,71,127)
-
#125091
#125091
rgb(18,80,145)
-
#145aa2
#145aa2
rgb(20,90,162)
-
#1664b3
#1664b3
rgb(22,100,179)
-
#186dc5
#186dc5
rgb(24,109,197)
-
#1a77d6
#1a77d6
rgb(26,119,214)
-
#2181e4
#2181e4
rgb(33,129,228)
-
#328be6
#328be6
rgb(50,139,230)
-
#4495e8
#4495e8
rgb(68,149,232)
-
#559fea
#559fea
rgb(85,159,234)
-
#67a9ec
#67a9ec
rgb(103,169,236)
-
#78b2ee
#78b2ee
rgb(120,178,238)
-
#8abcf1
#8abcf1
rgb(138,188,241)
-
#9bc6f3
#9bc6f3
rgb(155,198,243)
-
#add0f5
#add0f5
rgb(173,208,245)
-
#bedaf7
#bedaf7
rgb(190,218,247)
-
#cfe4f9
#cfe4f9
rgb(207,228,249)
-
#e1eefb
#e1eefb
rgb(225,238,251)
-
#f2f8fd
#f2f8fd
rgb(242,248,253)
Tones of #145aa2
A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #065ab0 is the most saturated one.
-
#5a5b5c
#5a5b5c
rgb(90,91,92)
-
#535b63
#535b63
rgb(83,91,99)
-
#4c5b6a
#4c5b6a
rgb(76,91,106)
-
#455b71
#455b71
rgb(69,91,113)
-
#3e5b78
#3e5b78
rgb(62,91,120)
-
#375a7f
#375a7f
rgb(55,90,127)
-
#305a86
#305a86
rgb(48,90,134)
-
#295a8d
#295a8d
rgb(41,90,141)
-
#225a94
#225a94
rgb(34,90,148)
-
#1b5a9b
#1b5a9b
rgb(27,90,155)
-
#145aa2
#145aa2
rgb(20,90,162)
-
#0d5aa9
#0d5aa9
rgb(13,90,169)
-
#065ab0
#065ab0
rgb(6,90,176)
Color Blindness Simulator
Below, you can see how #145aa2 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.