#448ae4 Color Information
In a RGB color space, hex #448ae4 is composed of 26.7% red, 54.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 39.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 213.8 degrees, a saturation of 74.8% and a lightness of 58%. #448ae4 color hex could be obtained by blending #88ffff with #0015c9. Closest websafe color is: #3399cc.
-
- R 27
- G 54
- B 89
-
- C 70
- M 39
- Y 0
- K 11
● #448ae4 color description : Bright blue.
#448ae4 Color Conversion
The hexadecimal color #448ae4 has RGB values of R:68, G:138, B:228 and CMYK values of C:0.7, M:0.39, Y:0, K:0.11. Its decimal value is 4492004.
Hex triplet | 448ae4 | #448ae4 |
---|---|---|
RGB Decimal | 68, 138, 228 | rgb(68,138,228) |
RGB Percent | 26.7, 54.1, 89.4 | rgb(26.7%,54.1%,89.4%) |
CMYK | 70, 39, 0, 11 | |
HSL | 213.8°, 74.8, 58 | hsl(213.8,74.8%,58%) |
HSV (or HSB) | 213.8°, 70.2, 89.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.081, 7.363, -52.091 |
---|---|
XYZ | 25.473, 25.005, 76.879 |
xyY | 0.2, 0.196, 25.005 |
CIE-LCH | 57.081, 52.609, 278.045 |
CIE-LUV | 57.081, -27.02, -82.953 |
Hunter-Lab | 50.005, 3.418, -56.149 |
Binary | 01000100, 10001010, 11100100 |
Color Schemes with #448ae4
Alternatives to #448ae4
Below, you can see some colors close to #448ae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#448ae4 Preview
This text has a font color of #448ae4.
<span style="color:#448ae4;">Text here</span>
This paragraph has a background color of #448ae4.
<p style="background-color:#448ae4;">Content here</p>
This element has a border color of #448ae4.
<div style="border:1px solid #448ae4;">Content here</div>
.text {color:#448ae4;}
.background {background-color:#448ae4;}
.border {border:1px solid #448ae4;}
Shades and Tints of #448ae4
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, #000102 is the darkest color, while #eff5fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030a13
#030a13
rgb(3,10,19)
-
#051324
#051324
rgb(5,19,36)
-
#081b35
#081b35
rgb(8,27,53)
-
#0a2446
#0a2446
rgb(10,36,70)
-
#0d2d57
#0d2d57
rgb(13,45,87)
-
#0f3668
#0f3668
rgb(15,54,104)
-
#123f7a
#123f7a
rgb(18,63,122)
-
#14488b
#14488b
rgb(20,72,139)
-
#16519c
#16519c
rgb(22,81,156)
-
#195aad
#195aad
rgb(25,90,173)
-
#1b63be
#1b63be
rgb(27,99,190)
-
#1e6bcf
#1e6bcf
rgb(30,107,207)
-
#2275df
#2275df
rgb(34,117,223)
-
#337fe2
#337fe2
rgb(51,127,226)
-
#448ae4
#448ae4
rgb(68,138,228)
-
#5595e6
#5595e6
rgb(85,149,230)
-
#669fe9
#669fe9
rgb(102,159,233)
-
#77aaeb
#77aaeb
rgb(119,170,235)
-
#89b5ee
#89b5ee
rgb(137,181,238)
-
#9ac0f0
#9ac0f0
rgb(154,192,240)
-
#abcaf3
#abcaf3
rgb(171,202,243)
-
#bcd5f5
#bcd5f5
rgb(188,213,245)
-
#cde0f8
#cde0f8
rgb(205,224,248)
-
#deebfa
#deebfa
rgb(222,235,250)
-
#eff5fd
#eff5fd
rgb(239,245,253)
Tones of #448ae4
A tone is produced by adding gray to any pure hue. In this case, #8e939a is the less saturated color, while #2b87fd is the most saturated one.
-
#8e939a
#8e939a
rgb(142,147,154)
-
#8692a2
#8692a2
rgb(134,146,162)
-
#7e91aa
#7e91aa
rgb(126,145,170)
-
#7590b3
#7590b3
rgb(117,144,179)
-
#6d8fbb
#6d8fbb
rgb(109,143,187)
-
#658ec3
#658ec3
rgb(101,142,195)
-
#5d8dcb
#5d8dcb
rgb(93,141,203)
-
#548cd4
#548cd4
rgb(84,140,212)
-
#4c8bdc
#4c8bdc
rgb(76,139,220)
-
#448ae4
#448ae4
rgb(68,138,228)
-
#3c89ec
#3c89ec
rgb(60,137,236)
-
#3488f4
#3488f4
rgb(52,136,244)
-
#2b87fd
#2b87fd
rgb(43,135,253)
Color Blindness Simulator
Below, you can see how #448ae4 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.