#148ed2 Color Information
In a RGB color space, hex #148ed2 is composed of 7.8% red, 55.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 32.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 201.5 degrees, a saturation of 82.6% and a lightness of 45.1%. #148ed2 color hex could be obtained by blending #28ffff with #001da5. Closest websafe color is: #0099cc.
-
- R 8
- G 56
- B 82
-
- C 90
- M 32
- Y 0
- K 18
● #148ed2 color description : Strong blue.
#148ed2 Color Conversion
The hexadecimal color #148ed2 has RGB values of R:20, G:142, B:210 and CMYK values of C:0.9, M:0.32, Y:0, K:0.18. Its decimal value is 1347282.
Hex triplet | 148ed2 | #148ed2 |
---|---|---|
RGB Decimal | 20, 142, 210 | rgb(20,142,210) |
RGB Percent | 7.8, 55.7, 82.4 | rgb(7.8%,55.7%,82.4%) |
CMYK | 90, 32, 0, 18 | |
HSL | 201.5°, 82.6, 45.1 | hsl(201.5,82.6%,45.1%) |
HSV (or HSB) | 201.5°, 90.5, 82.4 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 56.234, -6.268, -43.422 |
---|---|
XYZ | 21.591, 24.146, 64.492 |
xyY | 0.196, 0.219, 24.146 |
CIE-LCH | 56.234, 43.872, 261.785 |
CIE-LUV | 56.234, -35.254, -67.166 |
Hunter-Lab | 49.138, -7.559, -43.418 |
Binary | 00010100, 10001110, 11010010 |
Color Schemes with #148ed2
Alternatives to #148ed2
Below, you can see some colors close to #148ed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#148ed2 Preview
This text has a font color of #148ed2.
<span style="color:#148ed2;">Text here</span>
This paragraph has a background color of #148ed2.
<p style="background-color:#148ed2;">Content here</p>
This element has a border color of #148ed2.
<div style="border:1px solid #148ed2;">Content here</div>
.text {color:#148ed2;}
.background {background-color:#148ed2;}
.border {border:1px solid #148ed2;}
Shades and Tints of #148ed2
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, #01090d is the darkest color, while #fafdff is the lightest one.
-
#01090d
#01090d
rgb(1,9,13)
-
#03151f
#03151f
rgb(3,21,31)
-
#052131
#052131
rgb(5,33,49)
-
#062d43
#062d43
rgb(6,45,67)
-
#083955
#083955
rgb(8,57,85)
-
#0a4567
#0a4567
rgb(10,69,103)
-
#0b5178
#0b5178
rgb(11,81,120)
-
#0d5e8a
#0d5e8a
rgb(13,94,138)
-
#0f6a9c
#0f6a9c
rgb(15,106,156)
-
#1176ae
#1176ae
rgb(17,118,174)
-
#1282c0
#1282c0
rgb(18,130,192)
-
#148ed2
#148ed2
rgb(20,142,210)
-
#169ae4
#169ae4
rgb(22,154,228)
-
#23a3ea
#23a3ea
rgb(35,163,234)
-
#35aaec
#35aaec
rgb(53,170,236)
-
#47b2ed
#47b2ed
rgb(71,178,237)
-
#59b9ef
#59b9ef
rgb(89,185,239)
-
#6bc1f1
#6bc1f1
rgb(107,193,241)
-
#7dc8f3
#7dc8f3
rgb(125,200,243)
-
#8fd0f4
#8fd0f4
rgb(143,208,244)
-
#a1d7f6
#a1d7f6
rgb(161,215,246)
-
#b2dff8
#b2dff8
rgb(178,223,248)
-
#c4e6f9
#c4e6f9
rgb(196,230,249)
-
#d6eefb
#d6eefb
rgb(214,238,251)
-
#e8f5fd
#e8f5fd
rgb(232,245,253)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #148ed2
A tone is produced by adding gray to any pure hue. In this case, #6c757a is the less saturated color, while #0293e4 is the most saturated one.
-
#6c757a
#6c757a
rgb(108,117,122)
-
#647782
#647782
rgb(100,119,130)
-
#5b7a8b
#5b7a8b
rgb(91,122,139)
-
#527c94
#527c94
rgb(82,124,148)
-
#497f9d
#497f9d
rgb(73,127,157)
-
#4081a6
#4081a6
rgb(64,129,166)
-
#3784af
#3784af
rgb(55,132,175)
-
#2f86b7
#2f86b7
rgb(47,134,183)
-
#2689c0
#2689c0
rgb(38,137,192)
-
#1d8bc9
#1d8bc9
rgb(29,139,201)
-
#148ed2
#148ed2
rgb(20,142,210)
-
#0b91db
#0b91db
rgb(11,145,219)
-
#0293e4
#0293e4
rgb(2,147,228)
Color Blindness Simulator
Below, you can see how #148ed2 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.