#1448f8 hex color

In a RGB color space, hex #1448f8 is composed of 7.8% red, 28.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 71% magenta, 0% yellow and 2.7% black. It has a hue angle of 226.3 degrees, a saturation of 94.2% and a lightness of 52.5%. #1448f8 color hex could be obtained by blending #2890ff with #0000f1. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 28
- B 97
RGB color chart
- C 92
- M 71
- Y 0
- K 3
CMYK color chart

● #1448f8 color description : Vivid blue.

The hexadecimal color #1448f8 has RGB values of R:20, G:72, B:248 and CMYK values of C:0.92, M:0.71, Y:0, K:0.03. Its decimal value is 1329400.

Hex triplet	1448f8	`#1448f8`
RGB Decimal	20, 72, 248	`rgb(20,72,248)`
RGB Percent	7.8, 28.2, 97.3	`rgb(7.8%,28.2%,97.3%)`
CMYK	92, 71, 0, 3
HSL	226.3°, 94.2, 52.5	`hsl(226.3,94.2%,52.5%)`
HSV (or HSB)	226.3°, 91.9, 97.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.507, 51.562, -90.274
XYZ	19.546, 11.559, 90.003
xyY	0.161, 0.095, 11.559
CIE-LCH	40.507, 103.961, 299.734
CIE-LUV	40.507, -15.249, -128.285
Hunter-Lab	33.999, 43.12, -133.155
Binary	00010100, 01001000, 11111000

#1448f8
```
#1448f8 rgb(20,72,248)
```
#f8c414
```
#f8c414 rgb(248,196,20)
```

Complementary Color

#14baf8
```
#14baf8 rgb(20,186,248)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```
#5214f8
```
#5214f8 rgb(82,20,248)
```

Analogous Color

#baf814
```
#baf814 rgb(186,248,20)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```
#f85214
```
#f85214 rgb(248,82,20)
```

Split Complementary Color

#48f814
```
#48f814 rgb(72,248,20)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```
#f81448
```
#f81448 rgb(248,20,72)
```

Triadic Color

#14f8c4
```
#14f8c4 rgb(20,248,196)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```
#f81448
```
#f81448 rgb(248,20,72)
```
#f8c414
```
#f8c414 rgb(248,196,20)
```

Tetradic Color

#062fba
```
#062fba rgb(6,47,186)
```
#0635d3
```
#0635d3 rgb(6,53,211)
```
#073beb
```
#073beb rgb(7,59,235)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```
#2d5bf9
```
#2d5bf9 rgb(45,91,249)
```
#466ff9
```
#466ff9 rgb(70,111,249)
```
#5e82fa
```
#5e82fa rgb(94,130,250)
```

Monochromatic Color

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

#1481f8
```
#1481f8 rgb(20,129,248)
```
#146ef8
```
#146ef8 rgb(20,110,248)
```
#145bf8
```
#145bf8 rgb(20,91,248)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```
#1435f8
```
#1435f8 rgb(20,53,248)
```
#1422f8
```
#1422f8 rgb(20,34,248)
```
#1914f8
```
#1914f8 rgb(25,20,248)
```

Similar Colors

Text with hexadecimal color #1448f8

This text has a font color of #1448f8.

<span style="color:#1448f8;">Text here</span>

#1448f8 background color

This paragraph has a background color of #1448f8.

<p style="background-color:#1448f8;">Content here</p>

#1448f8 border color

This element has a border color of #1448f8.

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

CSS codes

.text {color:#1448f8;}

.background {background-color:#1448f8;}

.border {border:1px solid #1448f8;}

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, #00030d is the darkest color, while #f9faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#010820
```
#010820 rgb(1,8,32)
```
#020d33
```
#020d33 rgb(2,13,51)
```
#021246
```
#021246 rgb(2,18,70)
```
#031659
```
#031659 rgb(3,22,89)
```
#031b6c
```
#031b6c rgb(3,27,108)
```
#04207f
```
#04207f rgb(4,32,127)
```
#042592
```
#042592 rgb(4,37,146)
```
#0529a5
```
#0529a5 rgb(5,41,165)
```
#052eb8
```
#052eb8 rgb(5,46,184)
```
#0633cb
```
#0633cb rgb(6,51,203)
```
#0738de
```
#0738de rgb(7,56,222)
```
#073df1
```
#073df1 rgb(7,61,241)
```

Shade Color Variation

#1448f8
```
#1448f8 rgb(20,72,248)
```
#2757f9
```
#2757f9 rgb(39,87,249)
```
#3a66f9
```
#3a66f9 rgb(58,102,249)
```
#4d74fa
```
#4d74fa rgb(77,116,250)
```
#6083fa
```
#6083fa rgb(96,131,250)
```
#7392fb
```
#7392fb rgb(115,146,251)
```
#86a1fb
```
#86a1fb rgb(134,161,251)
```
#99b0fc
```
#99b0fc rgb(153,176,252)
```
#acbffd
```
#acbffd rgb(172,191,253)
```
#bfcdfd
```
#bfcdfd rgb(191,205,253)
```
#d2dcfe
```
#d2dcfe rgb(210,220,254)
```
#e6ebfe
```
#e6ebfe rgb(230,235,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#848588
```
#848588 rgb(132,133,136)
```
#7a8092
```
#7a8092 rgb(122,128,146)
```
#717b9b
```
#717b9b rgb(113,123,155)
```
#6876a4
```
#6876a4 rgb(104,118,164)
```
#5e70ae
```
#5e70ae rgb(94,112,174)
```
#556bb7
```
#556bb7 rgb(85,107,183)
```
#4c66c0
```
#4c66c0 rgb(76,102,192)
```
#4361c9
```
#4361c9 rgb(67,97,201)
```
#395cd3
```
#395cd3 rgb(57,92,211)
```
#3057dc
```
#3057dc rgb(48,87,220)
```
#2752e5
```
#2752e5 rgb(39,82,229)
```
#1d4def
```
#1d4def rgb(29,77,239)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```

Tone Color Variation

Below, you can see how #1448f8 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

#4d4d4d Achromatopsia 0.005% of the population
#424c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#075ad6 Protanomaly 1% of men, 0.01% of women
#075ec6 Deuteranomaly 6% of men, 0.4% of women
#0762a6 Tritanomaly 0.01% of the population

#1448f8 hex color

#1448f8 Color Information

#1448f8 Color Conversion

Color Schemes with #1448f8

Alternatives to #1448f8

#1448f8 Preview

Shades and Tints of #1448f8

Tones of #1448f8

Color Blindness Simulator