#448aa2 Color Information
In a RGB color space, hex #448aa2 is composed of 26.7% red, 54.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 14.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 195.3 degrees, a saturation of 40.9% and a lightness of 45.1%. #448aa2 color hex could be obtained by blending #88ffff with #001545. Closest websafe color is: #339999.
-
- R 27
- G 54
- B 64
-
- C 58
- M 15
- Y 0
- K 36
● #448aa2 color description : Dark moderate blue.
#448aa2 Color Conversion
The hexadecimal color #448aa2 has RGB values of R:68, G:138, B:162 and CMYK values of C:0.58, M:0.15, Y:0, K:0.36. Its decimal value is 4491938.
Hex triplet | 448aa2 | #448aa2 |
---|---|---|
RGB Decimal | 68, 138, 162 | rgb(68,138,162) |
RGB Percent | 26.7, 54.1, 63.5 | rgb(26.7%,54.1%,63.5%) |
CMYK | 58, 15, 0, 36 | |
HSL | 195.3°, 40.9, 45.1 | hsl(195.3,40.9%,45.1%) |
HSV (or HSB) | 195.3°, 58, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.041, -14.811, -19.407 |
---|---|
XYZ | 17.992, 22.013, 37.481 |
xyY | 0.232, 0.284, 22.013 |
CIE-LCH | 54.041, 24.413, 232.651 |
CIE-LUV | 54.041, -29.226, -26.862 |
Hunter-Lab | 46.918, -13.656, -14.522 |
Binary | 01000100, 10001010, 10100010 |
Color Schemes with #448aa2
Alternatives to #448aa2
Below, you can see some colors close to #448aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#448aa2 Preview
This text has a font color of #448aa2.
<span style="color:#448aa2;">Text here</span>
This paragraph has a background color of #448aa2.
<p style="background-color:#448aa2;">Content here</p>
This element has a border color of #448aa2.
<div style="border:1px solid #448aa2;">Content here</div>
.text {color:#448aa2;}
.background {background-color:#448aa2;}
.border {border:1px solid #448aa2;}
Shades and Tints of #448aa2
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, #04090a is the darkest color, while #fbfdfd is the lightest one.
-
#04090a
#04090a
rgb(4,9,10)
-
#0a1418
#0a1418
rgb(10,20,24)
-
#102026
#102026
rgb(16,32,38)
-
#162c33
#162c33
rgb(22,44,51)
-
#1b3841
#1b3841
rgb(27,56,65)
-
#21434f
#21434f
rgb(33,67,79)
-
#274f5d
#274f5d
rgb(39,79,93)
-
#2d5b6b
#2d5b6b
rgb(45,91,107)
-
#336779
#336779
rgb(51,103,121)
-
#387286
#387286
rgb(56,114,134)
-
#3e7e94
#3e7e94
rgb(62,126,148)
-
#448aa2
#448aa2
rgb(68,138,162)
-
#4a96b0
#4a96b0
rgb(74,150,176)
-
#559fb8
#559fb8
rgb(85,159,184)
-
#63a7be
#63a7be
rgb(99,167,190)
-
#71aec3
#71aec3
rgb(113,174,195)
-
#7fb6c9
#7fb6c9
rgb(127,182,201)
-
#8dbecf
#8dbecf
rgb(141,190,207)
-
#9ac6d5
#9ac6d5
rgb(154,198,213)
-
#a8cedb
#a8cedb
rgb(168,206,219)
-
#b6d6e0
#b6d6e0
rgb(182,214,224)
-
#c4dde6
#c4dde6
rgb(196,221,230)
-
#d2e5ec
#d2e5ec
rgb(210,229,236)
-
#e0edf2
#e0edf2
rgb(224,237,242)
-
#edf5f8
#edf5f8
rgb(237,245,248)
-
#fbfdfd
#fbfdfd
rgb(251,253,253)
Tones of #448aa2
A tone is produced by adding gray to any pure hue. In this case, #707476 is the less saturated color, while #06a8e0 is the most saturated one.
-
#707476
#707476
rgb(112,116,118)
-
#67797f
#67797f
rgb(103,121,127)
-
#5f7d87
#5f7d87
rgb(95,125,135)
-
#568190
#568190
rgb(86,129,144)
-
#4d8699
#4d8699
rgb(77,134,153)
-
#448aa2
#448aa2
rgb(68,138,162)
-
#3b8eab
#3b8eab
rgb(59,142,171)
-
#3293b4
#3293b4
rgb(50,147,180)
-
#2997bd
#2997bd
rgb(41,151,189)
-
#219bc5
#219bc5
rgb(33,155,197)
-
#18a0ce
#18a0ce
rgb(24,160,206)
-
#0fa4d7
#0fa4d7
rgb(15,164,215)
-
#06a8e0
#06a8e0
rgb(6,168,224)
Color Blindness Simulator
Below, you can see how #448aa2 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.