#0448cc hex color

In a RGB color space, hex #0448cc is composed of 1.6% red, 28.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 64.7% magenta, 0% yellow and 20% black. It has a hue angle of 219.6 degrees, a saturation of 96.2% and a lightness of 40.8%. #0448cc color hex could be obtained by blending #0890ff with #000099. Closest websafe color is: #0033cc.

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

● #0448cc color description : Strong blue.

The hexadecimal color #0448cc has RGB values of R:4, G:72, B:204 and CMYK values of C:0.98, M:0.65, Y:0, K:0.2. Its decimal value is 280780.

Hex triplet	0448cc	`#0448cc`
RGB Decimal	4, 72, 204	`rgb(4,72,204)`
RGB Percent	1.6, 28.2, 80	`rgb(1.6%,28.2%,80%)`
CMYK	98, 65, 0, 20
HSL	219.6°, 96.2, 40.8	`hsl(219.6,96.2%,40.8%)`
HSV (or HSB)	219.6°, 98, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.021, 35.121, -72.588
XYZ	13.264, 9.019, 58.165
xyY	0.165, 0.112, 9.019
CIE-LCH	36.021, 80.638, 295.819
CIE-LUV	36.021, -15.734, -101.646
Hunter-Lab	30.032, 26.283, -93.81
Binary	00000100, 01001000, 11001100

#0448cc
```
#0448cc rgb(4,72,204)
```
#cc8804
```
#cc8804 rgb(204,136,4)
```

Complementary Color

#04accc
```
#04accc rgb(4,172,204)
```
#0448cc
```
#0448cc rgb(4,72,204)
```
#2404cc
```
#2404cc rgb(36,4,204)
```

Analogous Color

#accc04
```
#accc04 rgb(172,204,4)
```
#0448cc
```
#0448cc rgb(4,72,204)
```
#cc2404
```
#cc2404 rgb(204,36,4)
```

Split Complementary Color

#48cc04
```
#48cc04 rgb(72,204,4)
```
#0448cc
```
#0448cc rgb(4,72,204)
```
#cc0448
```
#cc0448 rgb(204,4,72)
```

Triadic Color

#04cc88
```
#04cc88 rgb(4,204,136)
```
#0448cc
```
#0448cc rgb(4,72,204)
```
#cc0448
```
#cc0448 rgb(204,4,72)
```
#cc8804
```
#cc8804 rgb(204,136,4)
```

Tetradic Color

#032e81
```
#032e81 rgb(3,46,129)
```
#03369a
```
#03369a rgb(3,54,154)
```
#043fb3
```
#043fb3 rgb(4,63,179)
```
#0448cc
```
#0448cc rgb(4,72,204)
```
#0451e5
```
#0451e5 rgb(4,81,229)
```
#095bfa
```
#095bfa rgb(9,91,250)
```
#226cfb
```
#226cfb rgb(34,108,251)
```

Monochromatic Color

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

#047acc
```
#047acc rgb(4,122,204)
```
#0469cc
```
#0469cc rgb(4,105,204)
```
#0459cc
```
#0459cc rgb(4,89,204)
```
#0448cc
```
#0448cc rgb(4,72,204)
```
#0437cc
```
#0437cc rgb(4,55,204)
```
#0427cc
```
#0427cc rgb(4,39,204)
```
#0416cc
```
#0416cc rgb(4,22,204)
```

Similar Colors

Text with hexadecimal color #0448cc

This text has a font color of #0448cc.

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

#0448cc background color

This paragraph has a background color of #0448cc.

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

#0448cc border color

This element has a border color of #0448cc.

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

CSS codes

.text {color:#0448cc;}

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

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

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

#00040c
```
#00040c rgb(0,4,12)
```
#010b1f
```
#010b1f rgb(1,11,31)
```
#011232
```
#011232 rgb(1,18,50)
```
#011845
```
#011845 rgb(1,24,69)
```
#021f59
```
#021f59 rgb(2,31,89)
```
#02266c
```
#02266c rgb(2,38,108)
```
#022d7f
```
#022d7f rgb(2,45,127)
```
#033492
```
#033492 rgb(3,52,146)
```
#033aa6
```
#033aa6 rgb(3,58,166)
```
#0441b9
```
#0441b9 rgb(4,65,185)
```
#0448cc
```
#0448cc rgb(4,72,204)
```
#044fdf
```
#044fdf rgb(4,79,223)
```
#0556f2
```
#0556f2 rgb(5,86,242)
```

Shade Color Variation

#1160fa
```
#1160fa rgb(17,96,250)
```
#246dfb
```
#246dfb rgb(36,109,251)
```
#377afb
```
#377afb rgb(55,122,251)
```
#4a86fb
```
#4a86fb rgb(74,134,251)
```
#5d93fc
```
#5d93fc rgb(93,147,252)
```
#71a0fc
```
#71a0fc rgb(113,160,252)
```
#84adfd
```
#84adfd rgb(132,173,253)
```
#97bafd
```
#97bafd rgb(151,186,253)
```
#aac7fd
```
#aac7fd rgb(170,199,253)
```
#bed3fe
```
#bed3fe rgb(190,211,254)
```
#d1e0fe
```
#d1e0fe rgb(209,224,254)
```
#e4edfe
```
#e4edfe rgb(228,237,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#64676c
```
#64676c rgb(100,103,108)
```
#5c6474
```
#5c6474 rgb(92,100,116)
```
#54627c
```
#54627c rgb(84,98,124)
```
#4c5f84
```
#4c5f84 rgb(76,95,132)
```
#445c8c
```
#445c8c rgb(68,92,140)
```
#3c5a94
```
#3c5a94 rgb(60,90,148)
```
#34579c
```
#34579c rgb(52,87,156)
```
#2c55a4
```
#2c55a4 rgb(44,85,164)
```
#2452ac
```
#2452ac rgb(36,82,172)
```
#1c50b4
```
#1c50b4 rgb(28,80,180)
```
#144dbc
```
#144dbc rgb(20,77,188)
```
#0c4bc4
```
#0c4bc4 rgb(12,75,196)
```
#0448cc
```
#0448cc rgb(4,72,204)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#36445e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0153ba Protanomaly 1% of men, 0.01% of women
#0157ac Deuteranomaly 6% of men, 0.4% of women
#015b8e Tritanomaly 0.01% of the population

#0448cc hex color

#0448cc Color Information

#0448cc Color Conversion

Color Schemes with #0448cc

Alternatives to #0448cc

#0448cc Preview

Shades and Tints of #0448cc

Tones of #0448cc

Color Blindness Simulator