#148ae2 Color Information
In a RGB color space, hex #148ae2 is composed of 7.8% red, 54.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 38.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 205.6 degrees, a saturation of 83.7% and a lightness of 48.2%. #148ae2 color hex could be obtained by blending #28ffff with #0015c5. Closest websafe color is: #0099cc.
-
- R 8
- G 54
- B 89
-
- C 91
- M 39
- Y 0
- K 11
● #148ae2 color description : Vivid blue.
#148ae2 Color Conversion
The hexadecimal color #148ae2 has RGB values of R:20, G:138, B:226 and CMYK values of C:0.91, M:0.39, Y:0, K:0.11. Its decimal value is 1346274.
Hex triplet | 148ae2 | #148ae2 |
---|---|---|
RGB Decimal | 20, 138, 226 | rgb(20,138,226) |
RGB Percent | 7.8, 54.1, 88.6 | rgb(7.8%,54.1%,88.6%) |
CMYK | 91, 39, 0, 11 | |
HSL | 205.6°, 83.7, 48.2 | hsl(205.6,83.7%,48.2%) |
HSV (or HSB) | 205.6°, 91.2, 88.6 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 55.902, 2.113, -52.917 |
---|---|
XYZ | 23.101, 23.815, 75.326 |
xyY | 0.189, 0.195, 23.815 |
CIE-LCH | 55.902, 52.959, 272.287 |
CIE-LUV | 55.902, -33.016, -83.449 |
Hunter-Lab | 48.8, -0.901, -57.358 |
Binary | 00010100, 10001010, 11100010 |
Color Schemes with #148ae2
Alternatives to #148ae2
Below, you can see some colors close to #148ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#148ae2 Preview
This text has a font color of #148ae2.
<span style="color:#148ae2;">Text here</span>
This paragraph has a background color of #148ae2.
<p style="background-color:#148ae2;">Content here</p>
This element has a border color of #148ae2.
<div style="border:1px solid #148ae2;">Content here</div>
.text {color:#148ae2;}
.background {background-color:#148ae2;}
.border {border:1px solid #148ae2;}
Shades and Tints of #148ae2
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, #01060a is the darkest color, while #f7fbfe is the lightest one.
-
#01060a
#01060a
rgb(1,6,10)
-
#02111c
#02111c
rgb(2,17,28)
-
#041c2e
#041c2e
rgb(4,28,46)
-
#062740
#062740
rgb(6,39,64)
-
#073252
#073252
rgb(7,50,82)
-
#093d64
#093d64
rgb(9,61,100)
-
#0a4876
#0a4876
rgb(10,72,118)
-
#0c5388
#0c5388
rgb(12,83,136)
-
#0e5e9a
#0e5e9a
rgb(14,94,154)
-
#0f69ac
#0f69ac
rgb(15,105,172)
-
#1174be
#1174be
rgb(17,116,190)
-
#127fd0
#127fd0
rgb(18,127,208)
-
#148ae2
#148ae2
rgb(20,138,226)
-
#1e94eb
#1e94eb
rgb(30,148,235)
-
#319ced
#319ced
rgb(49,156,237)
-
#43a5ee
#43a5ee
rgb(67,165,238)
-
#55aef0
#55aef0
rgb(85,174,240)
-
#67b6f2
#67b6f2
rgb(103,182,242)
-
#79bff3
#79bff3
rgb(121,191,243)
-
#8bc7f5
#8bc7f5
rgb(139,199,245)
-
#9dd0f6
#9dd0f6
rgb(157,208,246)
-
#afd9f8
#afd9f8
rgb(175,217,248)
-
#c1e1f9
#c1e1f9
rgb(193,225,249)
-
#d3eafb
#d3eafb
rgb(211,234,251)
-
#e5f2fd
#e5f2fd
rgb(229,242,253)
-
#f7fbfe
#f7fbfe
rgb(247,251,254)
Tones of #148ae2
A tone is produced by adding gray to any pure hue. In this case, #737c83 is the less saturated color, while #018df5 is the most saturated one.
-
#737c83
#737c83
rgb(115,124,131)
-
#697e8d
#697e8d
rgb(105,126,141)
-
#607f96
#607f96
rgb(96,127,150)
-
#5680a0
#5680a0
rgb(86,128,160)
-
#4d82a9
#4d82a9
rgb(77,130,169)
-
#4383b3
#4383b3
rgb(67,131,179)
-
#3a84bc
#3a84bc
rgb(58,132,188)
-
#3086c6
#3086c6
rgb(48,134,198)
-
#2787cf
#2787cf
rgb(39,135,207)
-
#1d89d9
#1d89d9
rgb(29,137,217)
-
#148ae2
#148ae2
rgb(20,138,226)
-
#0b8beb
#0b8beb
rgb(11,139,235)
-
#018df5
#018df5
rgb(1,141,245)
Color Blindness Simulator
Below, you can see how #148ae2 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.