#1448ff hex color

In a RGB color space, hex #1448ff is composed of 7.8% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 226.7 degrees, a saturation of 100% and a lightness of 53.9%. #1448ff color hex could be obtained by blending #2890ff with #0000ff. Closest websafe color is: #0033ff.

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

● #1448ff color description : Vivid blue.

The hexadecimal color #1448ff has RGB values of R:20, G:72, B:255 and CMYK values of C:0.92, M:0.72, Y:0, K:0. Its decimal value is 1329407.

Hex triplet	1448ff	`#1448ff`
RGB Decimal	20, 72, 255	`rgb(20,72,255)`
RGB Percent	7.8, 28.2, 100	`rgb(7.8%,28.2%,100%)`
CMYK	92, 72, 0, 0
HSL	226.7°, 100, 53.9	`hsl(226.7,100%,53.9%)`
HSV (or HSB)	226.7°, 92.2, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.219, 53.96, -93.012
XYZ	20.652, 12.002, 95.83
xyY	0.161, 0.093, 12.002
CIE-LCH	41.219, 107.531, 300.119
CIE-LUV	41.219, -15.335, -132.391
Hunter-Lab	34.644, 45.783, -139.756
Binary	00010100, 01001000, 11111111

#1448ff
```
#1448ff rgb(20,72,255)
```
#ffcb14
```
#ffcb14 rgb(255,203,20)
```

Complementary Color

#14beff
```
#14beff rgb(20,190,255)
```
#1448ff
```
#1448ff rgb(20,72,255)
```
#5614ff
```
#5614ff rgb(86,20,255)
```

Analogous Color

#beff14
```
#beff14 rgb(190,255,20)
```
#1448ff
```
#1448ff rgb(20,72,255)
```
#ff5614
```
#ff5614 rgb(255,86,20)
```

Split Complementary Color

#48ff14
```
#48ff14 rgb(72,255,20)
```
#1448ff
```
#1448ff rgb(20,72,255)
```
#ff1448
```
#ff1448 rgb(255,20,72)
```

Triadic Color

#14ffcb
```
#14ffcb rgb(20,255,203)
```
#1448ff
```
#1448ff rgb(20,72,255)
```
#ff1448
```
#ff1448 rgb(255,20,72)
```
#ffcb14
```
#ffcb14 rgb(255,203,20)
```

Tetradic Color

#002cc7
```
#002cc7 rgb(0,44,199)
```
#0032e0
```
#0032e0 rgb(0,50,224)
```
#0037fa
```
#0037fa rgb(0,55,250)
```
#1448ff
```
#1448ff rgb(20,72,255)
```
#2e5cff
```
#2e5cff rgb(46,92,255)
```
#4770ff
```
#4770ff rgb(71,112,255)
```
#6184ff
```
#6184ff rgb(97,132,255)
```

Monochromatic Color

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

#1483ff
```
#1483ff rgb(20,131,255)
```
#146fff
```
#146fff rgb(20,111,255)
```
#145cff
```
#145cff rgb(20,92,255)
```
#1448ff
```
#1448ff rgb(20,72,255)
```
#1434ff
```
#1434ff rgb(20,52,255)
```
#1421ff
```
#1421ff rgb(20,33,255)
```
#1b14ff
```
#1b14ff rgb(27,20,255)
```

Similar Colors

Text with hexadecimal color #1448ff

This text has a font color of #1448ff.

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

#1448ff background color

This paragraph has a background color of #1448ff.

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

#1448ff border color

This element has a border color of #1448ff.

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

CSS codes

.text {color:#1448ff;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000414
```
#000414 rgb(0,4,20)
```
#000928
```
#000928 rgb(0,9,40)
```
#000d3b
```
#000d3b rgb(0,13,59)
```
#00114f
```
#00114f rgb(0,17,79)
```
#001662
```
#001662 rgb(0,22,98)
```
#001a76
```
#001a76 rgb(0,26,118)
```
#001e8a
```
#001e8a rgb(0,30,138)
```
#00239d
```
#00239d rgb(0,35,157)
```
#0027b1
```
#0027b1 rgb(0,39,177)
```
#002bc5
```
#002bc5 rgb(0,43,197)
```
#0030d8
```
#0030d8 rgb(0,48,216)
```
#0034ec
```
#0034ec rgb(0,52,236)
```

Shade Color Variation

#0039ff
```
#0039ff rgb(0,57,255)
```
#1448ff
```
#1448ff rgb(20,72,255)
```
#2857ff
```
#2857ff rgb(40,87,255)
```
#3b67ff
```
#3b67ff rgb(59,103,255)
```
#4f76ff
```
#4f76ff rgb(79,118,255)
```
#6285ff
```
#6285ff rgb(98,133,255)
```
#7694ff
```
#7694ff rgb(118,148,255)
```
#8aa4ff
```
#8aa4ff rgb(138,164,255)
```
#9db3ff
```
#9db3ff rgb(157,179,255)
```
#b1c2ff
```
#b1c2ff rgb(177,194,255)
```
#c5d1ff
```
#c5d1ff rgb(197,209,255)
```
#d8e1ff
```
#d8e1ff rgb(216,225,255)
```
#ecf0ff
```
#ecf0ff rgb(236,240,255)
```

Tint Color Variation

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

#808493
```
#808493 rgb(128,132,147)
```
#777f9c
```
#777f9c rgb(119,127,156)
```
#6e7aa5
```
#6e7aa5 rgb(110,122,165)
```
#6575ae
```
#6575ae rgb(101,117,174)
```
#5c70b7
```
#5c70b7 rgb(92,112,183)
```
#536bc0
```
#536bc0 rgb(83,107,192)
```
#4a66c9
```
#4a66c9 rgb(74,102,201)
```
#4161d2
```
#4161d2 rgb(65,97,210)
```
#385cdb
```
#385cdb rgb(56,92,219)
```
#2f57e4
```
#2f57e4 rgb(47,87,228)
```
#2652ed
```
#2652ed rgb(38,82,237)
```
#1d4df6
```
#1d4df6 rgb(29,77,246)
```
#1448ff
```
#1448ff rgb(20,72,255)
```

Tone Color Variation

Below, you can see how #1448ff 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
#424c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#075bdb Protanomaly 1% of men, 0.01% of women
#075fca Deuteranomaly 6% of men, 0.4% of women
#0763a9 Tritanomaly 0.01% of the population

#1448ff hex color

#1448ff Color Information

#1448ff Color Conversion

Color Schemes with #1448ff

Alternatives to #1448ff

#1448ff Preview

Shades and Tints of #1448ff

Tones of #1448ff

Color Blindness Simulator