#448be3 Color Information
In a RGB color space, hex #448be3 is composed of 26.7% red, 54.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 38.8% magenta, 0% yellow and 11% black. It has a hue angle of 213.2 degrees, a saturation of 74% and a lightness of 57.8%. #448be3 color hex could be obtained by blending #88ffff with #0017c7. Closest websafe color is: #3399cc.
-
- R 27
- G 55
- B 89
-
- C 70
- M 39
- Y 0
- K 11
● #448be3 color description : Bright blue.
#448be3 Color Conversion
The hexadecimal color #448be3 has RGB values of R:68, G:139, B:227 and CMYK values of C:0.7, M:0.39, Y:0, K:0.11. Its decimal value is 4492259.
Hex triplet | 448be3 | #448be3 |
---|---|---|
RGB Decimal | 68, 139, 227 | rgb(68,139,227) |
RGB Percent | 26.7, 54.5, 89 | rgb(26.7%,54.5%,89%) |
CMYK | 70, 39, 0, 11 | |
HSL | 213.2°, 74, 57.8 | hsl(213.2,74%,57.8%) |
HSV (or HSB) | 213.2°, 70, 89 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.307, 6.412, -51.174 |
---|---|
XYZ | 25.478, 25.238, 76.198 |
xyY | 0.201, 0.199, 25.238 |
CIE-LCH | 57.307, 51.574, 277.142 |
CIE-LUV | 57.307, -27.377, -81.425 |
Hunter-Lab | 50.238, 2.611, -54.761 |
Binary | 01000100, 10001011, 11100011 |
Color Schemes with #448be3
Alternatives to #448be3
Below, you can see some colors close to #448be3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#448be3 Preview
This text has a font color of #448be3.
<span style="color:#448be3;">Text here</span>
This paragraph has a background color of #448be3.
<p style="background-color:#448be3;">Content here</p>
This element has a border color of #448be3.
<div style="border:1px solid #448be3;">Content here</div>
.text {color:#448be3;}
.background {background-color:#448be3;}
.border {border:1px solid #448be3;}
Shades and Tints of #448be3
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, #000001 is the darkest color, while #eff5fd is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030912
#030912
rgb(3,9,18)
-
#051223
#051223
rgb(5,18,35)
-
#081b34
#081b34
rgb(8,27,52)
-
#0a2445
#0a2445
rgb(10,36,69)
-
#0d2e56
#0d2e56
rgb(13,46,86)
-
#0f3767
#0f3767
rgb(15,55,103)
-
#124078
#124078
rgb(18,64,120)
-
#154989
#154989
rgb(21,73,137)
-
#17529a
#17529a
rgb(23,82,154)
-
#1a5bab
#1a5bab
rgb(26,91,171)
-
#1c64bc
#1c64bc
rgb(28,100,188)
-
#1f6dcd
#1f6dcd
rgb(31,109,205)
-
#2276de
#2276de
rgb(34,118,222)
-
#3380e0
#3380e0
rgb(51,128,224)
-
#448be3
#448be3
rgb(68,139,227)
-
#5596e6
#5596e6
rgb(85,150,230)
-
#66a0e8
#66a0e8
rgb(102,160,232)
-
#77abeb
#77abeb
rgb(119,171,235)
-
#88b5ed
#88b5ed
rgb(136,181,237)
-
#99c0f0
#99c0f0
rgb(153,192,240)
-
#aacaf2
#aacaf2
rgb(170,202,242)
-
#bbd5f5
#bbd5f5
rgb(187,213,245)
-
#cce0f7
#cce0f7
rgb(204,224,247)
-
#deeafa
#deeafa
rgb(222,234,250)
-
#eff5fd
#eff5fd
rgb(239,245,253)
Tones of #448be3
A tone is produced by adding gray to any pure hue. In this case, #8e9399 is the less saturated color, while #2b88fc is the most saturated one.
-
#8e9399
#8e9399
rgb(142,147,153)
-
#8692a1
#8692a1
rgb(134,146,161)
-
#7e91a9
#7e91a9
rgb(126,145,169)
-
#7690b1
#7690b1
rgb(118,144,177)
-
#6d8fba
#6d8fba
rgb(109,143,186)
-
#658fc2
#658fc2
rgb(101,143,194)
-
#5d8eca
#5d8eca
rgb(93,142,202)
-
#558dd2
#558dd2
rgb(85,141,210)
-
#4c8cdb
#4c8cdb
rgb(76,140,219)
-
#448be3
#448be3
rgb(68,139,227)
-
#3c8aeb
#3c8aeb
rgb(60,138,235)
-
#3389f4
#3389f4
rgb(51,137,244)
-
#2b88fc
#2b88fc
rgb(43,136,252)
Color Blindness Simulator
Below, you can see how #448be3 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.