#0448a0 hex color

In a RGB color space, hex #0448a0 is composed of 1.6% red, 28.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 55% magenta, 0% yellow and 37.3% black. It has a hue angle of 213.8 degrees, a saturation of 95.1% and a lightness of 32.2%. #0448a0 color hex could be obtained by blending #0890ff with #000041. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 28
- B 63
RGB color chart
- C 98
- M 55
- Y 0
- K 37
CMYK color chart

● #0448a0 color description : Dark blue.

The hexadecimal color #0448a0 has RGB values of R:4, G:72, B:160 and CMYK values of C:0.98, M:0.55, Y:0, K:0.37. Its decimal value is 280736.

Hex triplet	0448a0	`#0448a0`
RGB Decimal	4, 72, 160	`rgb(4,72,160)`
RGB Percent	1.6, 28.2, 62.7	`rgb(1.6%,28.2%,62.7%)`
CMYK	98, 55, 0, 37
HSL	213.8°, 95.1, 32.2	`hsl(213.8,95.1%,32.2%)`
HSV (or HSB)	213.8°, 97.5, 62.7
Web Safe	003399	`#003399`

CIE-LAB	32.253, 17.445, -52.738
XYZ	8.711, 7.198, 34.186
xyY	0.174, 0.144, 7.198
CIE-LCH	32.253, 55.549, 288.303
CIE-LUV	32.253, -16.312, -72.476
Hunter-Lab	26.829, 11.008, -56.769
Binary	00000100, 01001000, 10100000

#0448a0
```
#0448a0 rgb(4,72,160)
```
#a05c04
```
#a05c04 rgb(160,92,4)
```

Complementary Color

#0496a0
```
#0496a0 rgb(4,150,160)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#0e04a0
```
#0e04a0 rgb(14,4,160)
```

Analogous Color

#96a004
```
#96a004 rgb(150,160,4)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#a00e04
```
#a00e04 rgb(160,14,4)
```

Split Complementary Color

#48a004
```
#48a004 rgb(72,160,4)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#a00448
```
#a00448 rgb(160,4,72)
```

Triadic Color

#04a05c
```
#04a05c rgb(4,160,92)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#a00448
```
#a00448 rgb(160,4,72)
```
#a05c04
```
#a05c04 rgb(160,92,4)
```

Tetradic Color

#022655
```
#022655 rgb(2,38,85)
```
#03326e
```
#03326e rgb(3,50,110)
```
#033d87
```
#033d87 rgb(3,61,135)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#0553b9
```
#0553b9 rgb(5,83,185)
```
#055ed2
```
#055ed2 rgb(5,94,210)
```
#066aeb
```
#066aeb rgb(6,106,235)
```

Monochromatic Color

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

#046fa0
```
#046fa0 rgb(4,111,160)
```
#0462a0
```
#0462a0 rgb(4,98,160)
```
#0455a0
```
#0455a0 rgb(4,85,160)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#043ba0
```
#043ba0 rgb(4,59,160)
```
#042ea0
```
#042ea0 rgb(4,46,160)
```
#0421a0
```
#0421a0 rgb(4,33,160)
```

Similar Colors

Text with hexadecimal color #0448a0

This text has a font color of #0448a0.

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

#0448a0 background color

This paragraph has a background color of #0448a0.

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

#0448a0 border color

This element has a border color of #0448a0.

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

CSS codes

.text {color:#0448a0;}

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

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

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, #000307 is the darkest color, while #f3f8ff is the lightest one.

#000307
```
#000307 rgb(0,3,7)
```
#010c1a
```
#010c1a rgb(1,12,26)
```
#01142d
```
#01142d rgb(1,20,45)
```
#021d40
```
#021d40 rgb(2,29,64)
```
#022653
```
#022653 rgb(2,38,83)
```
#032e67
```
#032e67 rgb(3,46,103)
```
#03377a
```
#03377a rgb(3,55,122)
```
#043f8d
```
#043f8d rgb(4,63,141)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#0451b3
```
#0451b3 rgb(4,81,179)
```
#0559c6
```
#0559c6 rgb(5,89,198)
```
#0562d9
```
#0562d9 rgb(5,98,217)
```
#066aed
```
#066aed rgb(6,106,237)
```

Shade Color Variation

#0d74f9
```
#0d74f9 rgb(13,116,249)
```
#207ff9
```
#207ff9 rgb(32,127,249)
```
#338afa
```
#338afa rgb(51,138,250)
```
#4795fa
```
#4795fa rgb(71,149,250)
```
#5aa0fb
```
#5aa0fb rgb(90,160,251)
```
#6dabfb
```
#6dabfb rgb(109,171,251)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#93c1fc
```
#93c1fc rgb(147,193,252)
```
#a6ccfd
```
#a6ccfd rgb(166,204,253)
```
#b9d7fd
```
#b9d7fd rgb(185,215,253)
```
#cce2fe
```
#cce2fe rgb(204,226,254)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#505254
```
#505254 rgb(80,82,84)
```
#49515b
```
#49515b rgb(73,81,91)
```
#435061
```
#435061 rgb(67,80,97)
```
#3d4f67
```
#3d4f67 rgb(61,79,103)
```
#364e6e
```
#364e6e rgb(54,78,110)
```
#304e74
```
#304e74 rgb(48,78,116)
```
#2a4d7a
```
#2a4d7a rgb(42,77,122)
```
#244c80
```
#244c80 rgb(36,76,128)
```
#1d4b87
```
#1d4b87 rgb(29,75,135)
```
#174a8d
```
#174a8d rgb(23,74,141)
```
#114a93
```
#114a93 rgb(17,74,147)
```
#0a499a
```
#0a499a rgb(10,73,154)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```

Tone Color Variation

Below, you can see how #0448a0 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
#324052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578d Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#014ea1 Protanomaly 1% of men, 0.01% of women
#015194 Deuteranomaly 6% of men, 0.4% of women
#015578 Tritanomaly 0.01% of the population

#0448a0 hex color

#0448a0 Color Information

#0448a0 Color Conversion

Color Schemes with #0448a0

Alternatives to #0448a0

#0448a0 Preview

Shades and Tints of #0448a0

Tones of #0448a0

Color Blindness Simulator