#145aff hex color

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

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

● #145aff color description : Vivid blue.

The hexadecimal color #145aff has RGB values of R:20, G:90, B:255 and CMYK values of C:0.92, M:0.65, Y:0, K:0. Its decimal value is 1334015.

Hex triplet	145aff	`#145aff`
RGB Decimal	20, 90, 255	`rgb(20,90,255)`
RGB Percent	7.8, 35.3, 100	`rgb(7.8%,35.3%,100%)`
CMYK	92, 65, 0, 0
HSL	222.1°, 100, 53.9	`hsl(222.1,100%,53.9%)`
HSV (or HSB)	222.1°, 92.2, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.192, 43.195, -86.46
XYZ	21.991, 14.679, 96.277
xyY	0.165, 0.11, 14.679
CIE-LCH	45.192, 96.65, 296.547
CIE-LUV	45.192, -18.909, -128.978
Hunter-Lab	38.313, 35.405, -122.168
Binary	00010100, 01011010, 11111111

#145aff
```
#145aff rgb(20,90,255)
```
#ffb914
```
#ffb914 rgb(255,185,20)
```

Complementary Color

#14d0ff
```
#14d0ff rgb(20,208,255)
```
#145aff
```
#145aff rgb(20,90,255)
```
#4414ff
```
#4414ff rgb(68,20,255)
```

Analogous Color

#d0ff14
```
#d0ff14 rgb(208,255,20)
```
#145aff
```
#145aff rgb(20,90,255)
```
#ff4314
```
#ff4314 rgb(255,67,20)
```

Split Complementary Color

#5aff14
```
#5aff14 rgb(90,255,20)
```
#145aff
```
#145aff rgb(20,90,255)
```
#ff145a
```
#ff145a rgb(255,20,90)
```

Triadic Color

#14ffb9
```
#14ffb9 rgb(20,255,185)
```
#145aff
```
#145aff rgb(20,90,255)
```
#ff145a
```
#ff145a rgb(255,20,90)
```
#ffb914
```
#ffb914 rgb(255,185,20)
```

Tetradic Color

#003bc7
```
#003bc7 rgb(0,59,199)
```
#0043e0
```
#0043e0 rgb(0,67,224)
```
#004afa
```
#004afa rgb(0,74,250)
```
#145aff
```
#145aff rgb(20,90,255)
```
#2e6cff
```
#2e6cff rgb(46,108,255)
```
#477eff
```
#477eff rgb(71,126,255)
```
#6190ff
```
#6190ff rgb(97,144,255)
```

Monochromatic Color

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

#1495ff
```
#1495ff rgb(20,149,255)
```
#1481ff
```
#1481ff rgb(20,129,255)
```
#146eff
```
#146eff rgb(20,110,255)
```
#145aff
```
#145aff rgb(20,90,255)
```
#1446ff
```
#1446ff rgb(20,70,255)
```
#1433ff
```
#1433ff rgb(20,51,255)
```
#141fff
```
#141fff rgb(20,31,255)
```

Similar Colors

Text with hexadecimal color #145aff

This text has a font color of #145aff.

<span style="color:#145aff;">Text here</span>

#145aff background color

This paragraph has a background color of #145aff.

<p style="background-color:#145aff;">Content here</p>

#145aff border color

This element has a border color of #145aff.

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

CSS codes

.text {color:#145aff;}

.background {background-color:#145aff;}

.border {border:1px solid #145aff;}

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 #ecf1ff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#000614
```
#000614 rgb(0,6,20)
```
#000c28
```
#000c28 rgb(0,12,40)
```
#00123b
```
#00123b rgb(0,18,59)
```
#00174f
```
#00174f rgb(0,23,79)
```
#001d62
```
#001d62 rgb(0,29,98)
```
#002376
```
#002376 rgb(0,35,118)
```
#00298a
```
#00298a rgb(0,41,138)
```
#002f9d
```
#002f9d rgb(0,47,157)
```
#0035b1
```
#0035b1 rgb(0,53,177)
```
#003bc5
```
#003bc5 rgb(0,59,197)
```
#0040d8
```
#0040d8 rgb(0,64,216)
```
#0046ec
```
#0046ec rgb(0,70,236)
```

Shade Color Variation

#004cff
```
#004cff rgb(0,76,255)
```
#145aff
```
#145aff rgb(20,90,255)
```
#2868ff
```
#2868ff rgb(40,104,255)
```
#3b76ff
```
#3b76ff rgb(59,118,255)
```
#4f83ff
```
#4f83ff rgb(79,131,255)
```
#6291ff
```
#6291ff rgb(98,145,255)
```
#769fff
```
#769fff rgb(118,159,255)
```
#8aadff
```
#8aadff rgb(138,173,255)
```
#9dbaff
```
#9dbaff rgb(157,186,255)
```
#b1c8ff
```
#b1c8ff rgb(177,200,255)
```
#c5d6ff
```
#c5d6ff rgb(197,214,255)
```
#d8e4ff
```
#d8e4ff rgb(216,228,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#808693
```
#808693 rgb(128,134,147)
```
#77829c
```
#77829c rgb(119,130,156)
```
#6e7fa5
```
#6e7fa5 rgb(110,127,165)
```
#657bae
```
#657bae rgb(101,123,174)
```
#5c77b7
```
#5c77b7 rgb(92,119,183)
```
#5374c0
```
#5374c0 rgb(83,116,192)
```
#4a70c9
```
#4a70c9 rgb(74,112,201)
```
#416cd2
```
#416cd2 rgb(65,108,210)
```
#3869db
```
#3869db rgb(56,105,219)
```
#2f65e4
```
#2f65e4 rgb(47,101,228)
```
#2661ed
```
#2661ed rgb(38,97,237)
```
#1d5ef6
```
#1d5ef6 rgb(29,94,246)
```
#145aff
```
#145aff rgb(20,90,255)
```

Tone Color Variation

Below, you can see how #145aff 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

#585858 Achromatopsia 0.005% of the population
#4a5879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0767e6 Protanomaly 1% of men, 0.01% of women
#076bd4 Deuteranomaly 6% of men, 0.4% of women
#0770b0 Tritanomaly 0.01% of the population

#145aff hex color

#145aff Color Information

#145aff Color Conversion

Color Schemes with #145aff

Alternatives to #145aff

#145aff Preview

Shades and Tints of #145aff

Tones of #145aff

Color Blindness Simulator