#145ba2 Color Information
In a RGB color space, hex #145ba2 is composed of 7.8% red, 35.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 43.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 210 degrees, a saturation of 78% and a lightness of 35.7%. #145ba2 color hex could be obtained by blending #28b6ff with #000045. Closest websafe color is: #006699.
-
- R 8
- G 36
- B 64
-
- C 88
- M 44
- Y 0
- K 36
● #145ba2 color description : Dark blue.
#145ba2 Color Conversion
The hexadecimal color #145ba2 has RGB values of R:20, G:91, B:162 and CMYK values of C:0.88, M:0.44, Y:0, K:0.36. Its decimal value is 1334178.
Hex triplet | 145ba2 | #145ba2 |
---|---|---|
RGB Decimal | 20, 91, 162 | rgb(20,91,162) |
RGB Percent | 7.8, 35.7, 63.5 | rgb(7.8%,35.7%,63.5%) |
CMYK | 88, 44, 0, 36 | |
HSL | 210°, 78, 35.7 | hsl(210,78%,35.7%) |
HSV (or HSB) | 210°, 87.7, 63.5 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 38.267, 6.38, -44.219 |
---|---|
XYZ | 10.55, 10.239, 35.601 |
xyY | 0.187, 0.182, 10.239 |
CIE-LCH | 38.267, 44.677, 278.21 |
CIE-LUV | 38.267, -20.936, -63.787 |
Hunter-Lab | 31.998, 2.855, -43.567 |
Binary | 00010100, 01011011, 10100010 |
Color Schemes with #145ba2
Alternatives to #145ba2
Below, you can see some colors close to #145ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#145ba2 Preview
This text has a font color of #145ba2.
<span style="color:#145ba2;">Text here</span>
This paragraph has a background color of #145ba2.
<p style="background-color:#145ba2;">Content here</p>
This element has a border color of #145ba2.
<div style="border:1px solid #145ba2;">Content here</div>
.text {color:#145ba2;}
.background {background-color:#145ba2;}
.border {border:1px solid #145ba2;}
Shades and Tints of #145ba2
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)
-
#030d16
#030d16
rgb(3,13,22)
-
#051628
#051628
rgb(5,22,40)
-
#072039
#072039
rgb(7,32,57)
-
#092a4b
#092a4b
rgb(9,42,75)
-
#0b345c
#0b345c
rgb(11,52,92)
-
#0e3e6e
#0e3e6e
rgb(14,62,110)
-
#10477f
#10477f
rgb(16,71,127)
-
#125191
#125191
rgb(18,81,145)
-
#145ba2
#145ba2
rgb(20,91,162)
-
#1665b3
#1665b3
rgb(22,101,179)
-
#186fc5
#186fc5
rgb(24,111,197)
-
#1a78d6
#1a78d6
rgb(26,120,214)
-
#2182e4
#2182e4
rgb(33,130,228)
-
#328ce6
#328ce6
rgb(50,140,230)
-
#4496e8
#4496e8
rgb(68,150,232)
-
#55a0ea
#55a0ea
rgb(85,160,234)
-
#67a9ec
#67a9ec
rgb(103,169,236)
-
#78b3ee
#78b3ee
rgb(120,179,238)
-
#8abdf1
#8abdf1
rgb(138,189,241)
-
#9bc7f3
#9bc7f3
rgb(155,199,243)
-
#add1f5
#add1f5
rgb(173,209,245)
-
#bedbf7
#bedbf7
rgb(190,219,247)
-
#cfe4f9
#cfe4f9
rgb(207,228,249)
-
#e1eefb
#e1eefb
rgb(225,238,251)
-
#f2f8fd
#f2f8fd
rgb(242,248,253)
Tones of #145ba2
A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #065bb0 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)
-
#375b7f
#375b7f
rgb(55,91,127)
-
#305b86
#305b86
rgb(48,91,134)
-
#295b8d
#295b8d
rgb(41,91,141)
-
#225b94
#225b94
rgb(34,91,148)
-
#1b5b9b
#1b5b9b
rgb(27,91,155)
-
#145ba2
#145ba2
rgb(20,91,162)
-
#0d5ba9
#0d5ba9
rgb(13,91,169)
-
#065bb0
#065bb0
rgb(6,91,176)
Color Blindness Simulator
Below, you can see how #145ba2 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.