#144dff hex color

In a RGB color space, hex #144dff is composed of 7.8% red, 30.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 69.8% magenta, 0% yellow and 0% black. It has a hue angle of 225.4 degrees, a saturation of 100% and a lightness of 53.9%. #144dff color hex could be obtained by blending #289aff with #0000ff. Closest websafe color is: #0066ff.

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

● #144dff color description : Vivid blue.

The hexadecimal color #144dff has RGB values of R:20, G:77, B:255 and CMYK values of C:0.92, M:0.7, Y:0, K:0. Its decimal value is 1330687.

Hex triplet	144dff	`#144dff`
RGB Decimal	20, 77, 255	`rgb(20,77,255)`
RGB Percent	7.8, 30.2, 100	`rgb(7.8%,30.2%,100%)`
CMYK	92, 70, 0, 0
HSL	225.4°, 100, 53.9	`hsl(225.4,100%,53.9%)`
HSV (or HSB)	225.4°, 92.2, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.269, 51.057, -91.277
XYZ	20.989, 12.675, 95.942
xyY	0.162, 0.098, 12.675
CIE-LCH	42.269, 104.586, 299.221
CIE-LUV	42.269, -16.25, -131.717
Hunter-Lab	35.602, 42.93, -134.859
Binary	00010100, 01001101, 11111111

#144dff
```
#144dff rgb(20,77,255)
```
#ffc614
```
#ffc614 rgb(255,198,20)
```

Complementary Color

#14c3ff
```
#14c3ff rgb(20,195,255)
```
#144dff
```
#144dff rgb(20,77,255)
```
#5114ff
```
#5114ff rgb(81,20,255)
```

Analogous Color

#c3ff14
```
#c3ff14 rgb(195,255,20)
```
#144dff
```
#144dff rgb(20,77,255)
```
#ff5114
```
#ff5114 rgb(255,81,20)
```

Split Complementary Color

#4dff14
```
#4dff14 rgb(77,255,20)
```
#144dff
```
#144dff rgb(20,77,255)
```
#ff144d
```
#ff144d rgb(255,20,77)
```

Triadic Color

#14ffc6
```
#14ffc6 rgb(20,255,198)
```
#144dff
```
#144dff rgb(20,77,255)
```
#ff144d
```
#ff144d rgb(255,20,77)
```
#ffc614
```
#ffc614 rgb(255,198,20)
```

Tetradic Color

#0030c7
```
#0030c7 rgb(0,48,199)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#003dfa
```
#003dfa rgb(0,61,250)
```
#144dff
```
#144dff rgb(20,77,255)
```
#2e60ff
```
#2e60ff rgb(46,96,255)
```
#4774ff
```
#4774ff rgb(71,116,255)
```
#6187ff
```
#6187ff rgb(97,135,255)
```

Monochromatic Color

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

#1488ff
```
#1488ff rgb(20,136,255)
```
#1474ff
```
#1474ff rgb(20,116,255)
```
#1461ff
```
#1461ff rgb(20,97,255)
```
#144dff
```
#144dff rgb(20,77,255)
```
#1439ff
```
#1439ff rgb(20,57,255)
```
#1426ff
```
#1426ff rgb(20,38,255)
```
#1614ff
```
#1614ff rgb(22,20,255)
```

Similar Colors

Text with hexadecimal color #144dff

This text has a font color of #144dff.

<span style="color:#144dff;">Text here</span>

#144dff background color

This paragraph has a background color of #144dff.

<p style="background-color:#144dff;">Content here</p>

#144dff border color

This element has a border color of #144dff.

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

CSS codes

.text {color:#144dff;}

.background {background-color:#144dff;}

.border {border:1px solid #144dff;}

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)
```
#000514
```
#000514 rgb(0,5,20)
```
#000a28
```
#000a28 rgb(0,10,40)
```
#000e3b
```
#000e3b rgb(0,14,59)
```
#00134f
```
#00134f rgb(0,19,79)
```
#001862
```
#001862 rgb(0,24,98)
```
#001d76
```
#001d76 rgb(0,29,118)
```
#00218a
```
#00218a rgb(0,33,138)
```
#00269d
```
#00269d rgb(0,38,157)
```
#002bb1
```
#002bb1 rgb(0,43,177)
```
#0030c5
```
#0030c5 rgb(0,48,197)
```
#0034d8
```
#0034d8 rgb(0,52,216)
```
#0039ec
```
#0039ec rgb(0,57,236)
```

Shade Color Variation

#003eff
```
#003eff rgb(0,62,255)
```
#144dff
```
#144dff rgb(20,77,255)
```
#285cff
```
#285cff rgb(40,92,255)
```
#3b6bff
```
#3b6bff rgb(59,107,255)
```
#4f7aff
```
#4f7aff rgb(79,122,255)
```
#6288ff
```
#6288ff rgb(98,136,255)
```
#7697ff
```
#7697ff rgb(118,151,255)
```
#8aa6ff
```
#8aa6ff rgb(138,166,255)
```
#9db5ff
```
#9db5ff rgb(157,181,255)
```
#b1c4ff
```
#b1c4ff rgb(177,196,255)
```
#c5d3ff
```
#c5d3ff rgb(197,211,255)
```
#d8e2ff
```
#d8e2ff rgb(216,226,255)
```
#ecf0ff
```
#ecf0ff rgb(236,240,255)
```

Tint Color Variation

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

#808593
```
#808593 rgb(128,133,147)
```
#77809c
```
#77809c rgb(119,128,156)
```
#6e7ca5
```
#6e7ca5 rgb(110,124,165)
```
#6577ae
```
#6577ae rgb(101,119,174)
```
#5c72b7
```
#5c72b7 rgb(92,114,183)
```
#536ec0
```
#536ec0 rgb(83,110,192)
```
#4a69c9
```
#4a69c9 rgb(74,105,201)
```
#4164d2
```
#4164d2 rgb(65,100,210)
```
#3860db
```
#3860db rgb(56,96,219)
```
#2f5be4
```
#2f5be4 rgb(47,91,228)
```
#2656ed
```
#2656ed rgb(38,86,237)
```
#1d52f6
```
#1d52f6 rgb(29,82,246)
```
#144dff
```
#144dff rgb(20,77,255)
```

Tone Color Variation

Below, you can see how #144dff 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

#505050 Achromatopsia 0.005% of the population
#444f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#075ede Protanomaly 1% of men, 0.01% of women
#0762cd Deuteranomaly 6% of men, 0.4% of women
#0767ab Tritanomaly 0.01% of the population

#144dff hex color

#144dff Color Information

#144dff Color Conversion

Color Schemes with #144dff

Alternatives to #144dff

#144dff Preview

Shades and Tints of #144dff

Tones of #144dff

Color Blindness Simulator