#0448e2 hex color

In a RGB color space, hex #0448e2 is composed of 1.6% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 221.6 degrees, a saturation of 96.5% and a lightness of 45.1%. #0448e2 color hex could be obtained by blending #0890ff with #0000c5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 28
- B 89
RGB color chart
- C 98
- M 68
- Y 0
- K 11
CMYK color chart

● #0448e2 color description : Vivid blue.

The hexadecimal color #0448e2 has RGB values of R:4, G:72, B:226 and CMYK values of C:0.98, M:0.68, Y:0, K:0.11. Its decimal value is 280802.

Hex triplet	0448e2	`#0448e2`
RGB Decimal	4, 72, 226	`rgb(4,72,226)`
RGB Percent	1.6, 28.2, 88.6	`rgb(1.6%,28.2%,88.6%)`
CMYK	98, 68, 0, 11
HSL	221.6°, 96.5, 45.1	`hsl(221.6,96.5%,45.1%)`
HSV (or HSB)	221.6°, 98.2, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.111, 43.37, -81.798
XYZ	16.092, 10.15, 73.058
xyY	0.162, 0.102, 10.15
CIE-LCH	38.111, 92.584, 297.933
CIE-LUV	38.111, -15.724, -115.24
Hunter-Lab	31.859, 34.406, -113.66
Binary	00000100, 01001000, 11100010

#0448e2
```
#0448e2 rgb(4,72,226)
```
#e29e04
```
#e29e04 rgb(226,158,4)
```

Complementary Color

#04b7e2
```
#04b7e2 rgb(4,183,226)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```
#2f04e2
```
#2f04e2 rgb(47,4,226)
```

Analogous Color

#b7e204
```
#b7e204 rgb(183,226,4)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```
#e22f04
```
#e22f04 rgb(226,47,4)
```

Split Complementary Color

#48e204
```
#48e204 rgb(72,226,4)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```
#e20448
```
#e20448 rgb(226,4,72)
```

Triadic Color

#04e29e
```
#04e29e rgb(4,226,158)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```
#e20448
```
#e20448 rgb(226,4,72)
```
#e29e04
```
#e29e04 rgb(226,158,4)
```

Tetradic Color

#033097
```
#033097 rgb(3,48,151)
```
#0338b0
```
#0338b0 rgb(3,56,176)
```
#0440c9
```
#0440c9 rgb(4,64,201)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```
#0550fb
```
#0550fb rgb(5,80,251)
```
#1e62fb
```
#1e62fb rgb(30,98,251)
```
#3773fb
```
#3773fb rgb(55,115,251)
```

Monochromatic Color

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

#0480e2
```
#0480e2 rgb(4,128,226)
```
#046de2
```
#046de2 rgb(4,109,226)
```
#045be2
```
#045be2 rgb(4,91,226)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```
#0436e2
```
#0436e2 rgb(4,54,226)
```
#0423e2
```
#0423e2 rgb(4,35,226)
```
#0411e2
```
#0411e2 rgb(4,17,226)
```

Similar Colors

Text with hexadecimal color #0448e2

This text has a font color of #0448e2.

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

#0448e2 background color

This paragraph has a background color of #0448e2.

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

#0448e2 border color

This element has a border color of #0448e2.

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

CSS codes

.text {color:#0448e2;}

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

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

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

#00040e
```
#00040e rgb(0,4,14)
```
#010b21
```
#010b21 rgb(1,11,33)
```
#011135
```
#011135 rgb(1,17,53)
```
#011748
```
#011748 rgb(1,23,72)
```
#021d5b
```
#021d5b rgb(2,29,91)
```
#02236e
```
#02236e rgb(2,35,110)
```
#022982
```
#022982 rgb(2,41,130)
```
#032f95
```
#032f95 rgb(3,47,149)
```
#0336a8
```
#0336a8 rgb(3,54,168)
```
#033cbb
```
#033cbb rgb(3,60,187)
```
#0442cf
```
#0442cf rgb(4,66,207)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```
#044ef5
```
#044ef5 rgb(4,78,245)
```

Shade Color Variation

#125afb
```
#125afb rgb(18,90,251)
```
#2667fb
```
#2667fb rgb(38,103,251)
```
#3975fb
```
#3975fb rgb(57,117,251)
```
#4c82fc
```
#4c82fc rgb(76,130,252)
```
#6090fc
```
#6090fc rgb(96,144,252)
```
#739dfd
```
#739dfd rgb(115,157,253)
```
#86aafd
```
#86aafd rgb(134,170,253)
```
#99b8fd
```
#99b8fd rgb(153,184,253)
```
#adc5fe
```
#adc5fe rgb(173,197,254)
```
#c0d3fe
```
#c0d3fe rgb(192,211,254)
```
#d3e0fe
```
#d3e0fe rgb(211,224,254)
```
#e6eeff
```
#e6eeff rgb(230,238,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#6e7178
```
#6e7178 rgb(110,113,120)
```
#656e81
```
#656e81 rgb(101,110,129)
```
#5c6a8a
```
#5c6a8a rgb(92,106,138)
```
#546792
```
#546792 rgb(84,103,146)
```
#4b639b
```
#4b639b rgb(75,99,155)
```
#4260a4
```
#4260a4 rgb(66,96,164)
```
#395dad
```
#395dad rgb(57,93,173)
```
#3059b6
```
#3059b6 rgb(48,89,182)
```
#2756bf
```
#2756bf rgb(39,86,191)
```
#1f52c7
```
#1f52c7 rgb(31,82,199)
```
#164fd0
```
#164fd0 rgb(22,79,208)
```
#0d4bd9
```
#0d4bd9 rgb(13,75,217)
```
#0448e2
```
#0448e2 rgb(4,72,226)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#384664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0156c8 Protanomaly 1% of men, 0.01% of women
#015ab8 Deuteranomaly 6% of men, 0.4% of women
#015e9a Tritanomaly 0.01% of the population

#0448e2 hex color

#0448e2 Color Information

#0448e2 Color Conversion

Color Schemes with #0448e2

Alternatives to #0448e2

#0448e2 Preview

Shades and Tints of #0448e2

Tones of #0448e2

Color Blindness Simulator