#0448a5 hex color

In a RGB color space, hex #0448a5 is composed of 1.6% red, 28.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 56.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 214.7 degrees, a saturation of 95.3% and a lightness of 33.1%. #0448a5 color hex could be obtained by blending #0890ff with #00004b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 28
- B 65
RGB color chart
- C 98
- M 56
- Y 0
- K 35
CMYK color chart

● #0448a5 color description : Dark blue.

The hexadecimal color #0448a5 has RGB values of R:4, G:72, B:165 and CMYK values of C:0.98, M:0.56, Y:0, K:0.35. Its decimal value is 280741.

Hex triplet	0448a5	`#0448a5`
RGB Decimal	4, 72, 165	`rgb(4,72,165)`
RGB Percent	1.6, 28.2, 64.7	`rgb(1.6%,28.2%,64.7%)`
CMYK	98, 56, 0, 35
HSL	214.7°, 95.3, 33.1	`hsl(214.7,95.3%,33.1%)`
HSV (or HSB)	214.7°, 97.6, 64.7
Web Safe	003399	`#003399`

CIE-LAB	32.649, 19.525, -55.103
XYZ	9.157, 7.376, 36.536
xyY	0.173, 0.139, 7.376
CIE-LCH	32.649, 58.46, 289.511
CIE-LUV	32.649, -16.201, -75.955
Hunter-Lab	27.159, 12.657, -60.749
Binary	00000100, 01001000, 10100101

#0448a5
```
#0448a5 rgb(4,72,165)
```
#a56104
```
#a56104 rgb(165,97,4)
```

Complementary Color

#0499a5
```
#0499a5 rgb(4,153,165)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```
#1104a5
```
#1104a5 rgb(17,4,165)
```

Analogous Color

#99a504
```
#99a504 rgb(153,165,4)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```
#a51104
```
#a51104 rgb(165,17,4)
```

Split Complementary Color

#48a504
```
#48a504 rgb(72,165,4)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```
#a50448
```
#a50448 rgb(165,4,72)
```

Triadic Color

#04a561
```
#04a561 rgb(4,165,97)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```
#a50448
```
#a50448 rgb(165,4,72)
```
#a56104
```
#a56104 rgb(165,97,4)
```

Tetradic Color

#02275a
```
#02275a rgb(2,39,90)
```
#033273
```
#033273 rgb(3,50,115)
```
#033d8c
```
#033d8c rgb(3,61,140)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```
#0553be
```
#0553be rgb(5,83,190)
```
#055ed7
```
#055ed7 rgb(5,94,215)
```
#0669f0
```
#0669f0 rgb(6,105,240)
```

Monochromatic Color

Below, you can see some colors close to #0448a5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0470a5
```
#0470a5 rgb(4,112,165)
```
#0463a5
```
#0463a5 rgb(4,99,165)
```
#0455a5
```
#0455a5 rgb(4,85,165)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```
#043ba5
```
#043ba5 rgb(4,59,165)
```
#042da5
```
#042da5 rgb(4,45,165)
```
#0420a5
```
#0420a5 rgb(4,32,165)
```

Similar Colors

Text with hexadecimal color #0448a5

This text has a font color of #0448a5.

<span style="color:#0448a5;">Text here</span>

#0448a5 background color

This paragraph has a background color of #0448a5.

<p style="background-color:#0448a5;">Content here</p>

#0448a5 border color

This element has a border color of #0448a5.

<div style="border:1px solid #0448a5;">Content here</div>

CSS codes

.text {color:#0448a5;}

.background {background-color:#0448a5;}

.border {border:1px solid #0448a5;}

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, #00050c is the darkest color, while #f8fbff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#010e1f
```
#010e1f rgb(1,14,31)
```
#011632
```
#011632 rgb(1,22,50)
```
#021e45
```
#021e45 rgb(2,30,69)
```
#022758
```
#022758 rgb(2,39,88)
```
#032f6c
```
#032f6c rgb(3,47,108)
```
#03377f
```
#03377f rgb(3,55,127)
```
#044092
```
#044092 rgb(4,64,146)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```
#0450b8
```
#0450b8 rgb(4,80,184)
```
#0559cb
```
#0559cb rgb(5,89,203)
```
#0561de
```
#0561de rgb(5,97,222)
```
#0669f2
```
#0669f2 rgb(6,105,242)
```

Shade Color Variation

#1274f9
```
#1274f9 rgb(18,116,249)
```
#257ffa
```
#257ffa rgb(37,127,250)
```
#388afa
```
#388afa rgb(56,138,250)
```
#4b95fb
```
#4b95fb rgb(75,149,251)
```
#5ea1fb
```
#5ea1fb rgb(94,161,251)
```
#72acfc
```
#72acfc rgb(114,172,252)
```
#85b7fc
```
#85b7fc rgb(133,183,252)
```
#98c2fd
```
#98c2fd rgb(152,194,253)
```
#abcefd
```
#abcefd rgb(171,206,253)
```
#bed9fd
```
#bed9fd rgb(190,217,253)
```
#d1e4fe
```
#d1e4fe rgb(209,228,254)
```
#e4effe
```
#e4effe rgb(228,239,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525457 is the less saturated color, while #0448a5 is the most saturated one.

#525457
```
#525457 rgb(82,84,87)
```
#4c535e
```
#4c535e rgb(76,83,94)
```
#455264
```
#455264 rgb(69,82,100)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#385071
```
#385071 rgb(56,80,113)
```
#324f78
```
#324f78 rgb(50,79,120)
```
#2b4e7e
```
#2b4e7e rgb(43,78,126)
```
#254d85
```
#254d85 rgb(37,77,133)
```
#1e4c8b
```
#1e4c8b rgb(30,76,139)
```
#184b92
```
#184b92 rgb(24,75,146)
```
#114a98
```
#114a98 rgb(17,74,152)
```
#0b499f
```
#0b499f rgb(11,73,159)
```
#0448a5
```
#0448a5 rgb(4,72,165)
```

Tone Color Variation

Below, you can see how #0448a5 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.

Monochromacy

#3e3e3e Achromatopsia 0.005% of the population
#324053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00588e Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#014fa4 Protanomaly 1% of men, 0.01% of women
#015296 Deuteranomaly 6% of men, 0.4% of women
#01567b Tritanomaly 0.01% of the population

#0448a5 hex color

#0448a5 Color Information

#0448a5 Color Conversion

Color Schemes with #0448a5

Alternatives to #0448a5

#0448a5 Preview

Shades and Tints of #0448a5

Tones of #0448a5

Color Blindness Simulator