#0448bd hex color

In a RGB color space, hex #0448bd is composed of 1.6% red, 28.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 61.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 217.9 degrees, a saturation of 95.9% and a lightness of 37.8%. #0448bd color hex could be obtained by blending #0890ff with #00007b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 28
- B 74
RGB color chart
- C 98
- M 62
- Y 0
- K 26
CMYK color chart

● #0448bd color description : Strong blue.

The hexadecimal color #0448bd has RGB values of R:4, G:72, B:189 and CMYK values of C:0.98, M:0.62, Y:0, K:0.26. Its decimal value is 280765.

Hex triplet	0448bd	`#0448bd`
RGB Decimal	4, 72, 189	`rgb(4,72,189)`
RGB Percent	1.6, 28.2, 74.1	`rgb(1.6%,28.2%,74.1%)`
CMYK	98, 62, 0, 26
HSL	217.9°, 95.9, 37.8	`hsl(217.9,95.9%,37.8%)`
HSV (or HSB)	217.9°, 97.9, 74.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.668, 29.265, -66.052
XYZ	11.551, 8.334, 49.141
xyY	0.167, 0.121, 8.334
CIE-LCH	34.668, 72.245, 293.896
CIE-LUV	34.668, -15.838, -92.04
Hunter-Lab	28.868, 20.903, -80.719
Binary	00000100, 01001000, 10111101

#0448bd
```
#0448bd rgb(4,72,189)
```
#bd7904
```
#bd7904 rgb(189,121,4)
```

Complementary Color

#04a5bd
```
#04a5bd rgb(4,165,189)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#1d04bd
```
#1d04bd rgb(29,4,189)
```

Analogous Color

#a5bd04
```
#a5bd04 rgb(165,189,4)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#bd1d04
```
#bd1d04 rgb(189,29,4)
```

Split Complementary Color

#48bd04
```
#48bd04 rgb(72,189,4)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#bd0448
```
#bd0448 rgb(189,4,72)
```

Triadic Color

#04bd79
```
#04bd79 rgb(4,189,121)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#bd0448
```
#bd0448 rgb(189,4,72)
```
#bd7904
```
#bd7904 rgb(189,121,4)
```

Tetradic Color

#022b72
```
#022b72 rgb(2,43,114)
```
#03358b
```
#03358b rgb(3,53,139)
```
#033ea4
```
#033ea4 rgb(3,62,164)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#0552d6
```
#0552d6 rgb(5,82,214)
```
#055bef
```
#055bef rgb(5,91,239)
```
#1368fa
```
#1368fa rgb(19,104,250)
```

Monochromatic Color

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

#0476bd
```
#0476bd rgb(4,118,189)
```
#0467bd
```
#0467bd rgb(4,103,189)
```
#0457bd
```
#0457bd rgb(4,87,189)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#0439bd
```
#0439bd rgb(4,57,189)
```
#0429bd
```
#0429bd rgb(4,41,189)
```
#041abd
```
#041abd rgb(4,26,189)
```

Similar Colors

Text with hexadecimal color #0448bd

This text has a font color of #0448bd.

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

#0448bd background color

This paragraph has a background color of #0448bd.

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

#0448bd border color

This element has a border color of #0448bd.

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

CSS codes

.text {color:#0448bd;}

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

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

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

#000610
```
#000610 rgb(0,6,16)
```
#010d23
```
#010d23 rgb(1,13,35)
```
#011537
```
#011537 rgb(1,21,55)
```
#021c4a
```
#021c4a rgb(2,28,74)
```
#02235d
```
#02235d rgb(2,35,93)
```
#022b70
```
#022b70 rgb(2,43,112)
```
#033283
```
#033283 rgb(3,50,131)
```
#033997
```
#033997 rgb(3,57,151)
```
#0441aa
```
#0441aa rgb(4,65,170)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#044fd0
```
#044fd0 rgb(4,79,208)
```
#0557e3
```
#0557e3 rgb(5,87,227)
```
#055ef7
```
#055ef7 rgb(5,94,247)
```

Shade Color Variation

#1569fa
```
#1569fa rgb(21,105,250)
```
#2976fa
```
#2976fa rgb(41,118,250)
```
#3c82fb
```
#3c82fb rgb(60,130,251)
```
#4f8efb
```
#4f8efb rgb(79,142,251)
```
#629bfc
```
#629bfc rgb(98,155,252)
```
#75a7fc
```
#75a7fc rgb(117,167,252)
```
#89b3fc
```
#89b3fc rgb(137,179,252)
```
#9cc0fd
```
#9cc0fd rgb(156,192,253)
```
#afccfd
```
#afccfd rgb(175,204,253)
```
#c2d8fe
```
#c2d8fe rgb(194,216,254)
```
#d5e4fe
```
#d5e4fe rgb(213,228,254)
```
#e9f1ff
```
#e9f1ff rgb(233,241,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#5d6064
```
#5d6064 rgb(93,96,100)
```
#565e6b
```
#565e6b rgb(86,94,107)
```
#4e5c73
```
#4e5c73 rgb(78,92,115)
```
#475a7a
```
#475a7a rgb(71,90,122)
```
#3f5882
```
#3f5882 rgb(63,88,130)
```
#385689
```
#385689 rgb(56,86,137)
```
#315490
```
#315490 rgb(49,84,144)
```
#295298
```
#295298 rgb(41,82,152)
```
#22509f
```
#22509f rgb(34,80,159)
```
#1a4ea7
```
#1a4ea7 rgb(26,78,167)
```
#134cae
```
#134cae rgb(19,76,174)
```
#0b4ab6
```
#0b4ab6 rgb(11,74,182)
```
#0448bd
```
#0448bd rgb(4,72,189)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#35425a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0152b1 Protanomaly 1% of men, 0.01% of women
#0155a3 Deuteranomaly 6% of men, 0.4% of women
#015987 Tritanomaly 0.01% of the population

#0448bd hex color

#0448bd Color Information

#0448bd Color Conversion

Color Schemes with #0448bd

Alternatives to #0448bd

#0448bd Preview

Shades and Tints of #0448bd

Tones of #0448bd

Color Blindness Simulator