#145ae2 hex color

In a RGB color space, hex #145ae2 is composed of 7.8% red, 35.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 60.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 219.6 degrees, a saturation of 83.7% and a lightness of 48.2%. #145ae2 color hex could be obtained by blending #28b4ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 35
- B 89
RGB color chart
- C 91
- M 60
- Y 0
- K 11
CMYK color chart

● #145ae2 color description : Vivid blue.

The hexadecimal color #145ae2 has RGB values of R:20, G:90, B:226 and CMYK values of C:0.91, M:0.6, Y:0, K:0.11. Its decimal value is 1333986.

Hex triplet	145ae2	`#145ae2`
RGB Decimal	20, 90, 226	`rgb(20,90,226)`
RGB Percent	7.8, 35.3, 88.6	`rgb(7.8%,35.3%,88.6%)`
CMYK	91, 60, 0, 11
HSL	219.6°, 83.7, 48.2	`hsl(219.6,83.7%,48.2%)`
HSV (or HSB)	219.6°, 91.2, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.689, 32.394, -74.269
XYZ	17.669, 12.951, 73.516
xyY	0.17, 0.124, 12.951
CIE-LCH	42.689, 81.027, 293.565
CIE-LUV	42.689, -19.099, -110.341
Hunter-Lab	35.987, 24.665, -95.93
Binary	00010100, 01011010, 11100010

#145ae2
```
#145ae2 rgb(20,90,226)
```
#e29c14
```
#e29c14 rgb(226,156,20)
```

Complementary Color

#14c1e2
```
#14c1e2 rgb(20,193,226)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```
#3514e2
```
#3514e2 rgb(53,20,226)
```

Analogous Color

#c1e214
```
#c1e214 rgb(193,226,20)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```
#e23514
```
#e23514 rgb(226,53,20)
```

Split Complementary Color

#5ae214
```
#5ae214 rgb(90,226,20)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```
#e2145a
```
#e2145a rgb(226,20,90)
```

Triadic Color

#14e29c
```
#14e29c rgb(20,226,156)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```
#e2145a
```
#e2145a rgb(226,20,90)
```
#e29c14
```
#e29c14 rgb(226,156,20)
```

Tetradic Color

#0e3e9c
```
#0e3e9c rgb(14,62,156)
```
#1047b3
```
#1047b3 rgb(16,71,179)
```
#1251cb
```
#1251cb rgb(18,81,203)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```
#2468ec
```
#2468ec rgb(36,104,236)
```
#3b78ee
```
#3b78ee rgb(59,120,238)
```
#5388f0
```
#5388f0 rgb(83,136,240)
```

Monochromatic Color

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

#148ee2
```
#148ee2 rgb(20,142,226)
```
#147ce2
```
#147ce2 rgb(20,124,226)
```
#146be2
```
#146be2 rgb(20,107,226)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```
#1449e2
```
#1449e2 rgb(20,73,226)
```
#1438e2
```
#1438e2 rgb(20,56,226)
```
#1427e2
```
#1427e2 rgb(20,39,226)
```

Similar Colors

Text with hexadecimal color #145ae2

This text has a font color of #145ae2.

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

#145ae2 background color

This paragraph has a background color of #145ae2.

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

#145ae2 border color

This element has a border color of #145ae2.

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

CSS codes

.text {color:#145ae2;}

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

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

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, #01040a is the darkest color, while #f7f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#020b1c
```
#020b1c rgb(2,11,28)
```
#04122e
```
#04122e rgb(4,18,46)
```
#061940
```
#061940 rgb(6,25,64)
```
#072152
```
#072152 rgb(7,33,82)
```
#092864
```
#092864 rgb(9,40,100)
```
#0a2f76
```
#0a2f76 rgb(10,47,118)
```
#0c3688
```
#0c3688 rgb(12,54,136)
```
#0e3d9a
```
#0e3d9a rgb(14,61,154)
```
#0f44ac
```
#0f44ac rgb(15,68,172)
```
#114cbe
```
#114cbe rgb(17,76,190)
```
#1253d0
```
#1253d0 rgb(18,83,208)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```

Shade Color Variation

#1e64eb
```
#1e64eb rgb(30,100,235)
```
#3170ed
```
#3170ed rgb(49,112,237)
```
#437dee
```
#437dee rgb(67,125,238)
```
#5589f0
```
#5589f0 rgb(85,137,240)
```
#6796f2
```
#6796f2 rgb(103,150,242)
```
#79a2f3
```
#79a2f3 rgb(121,162,243)
```
#8baff5
```
#8baff5 rgb(139,175,245)
```
#9dbbf6
```
#9dbbf6 rgb(157,187,246)
```
#afc8f8
```
#afc8f8 rgb(175,200,248)
```
#c1d4f9
```
#c1d4f9 rgb(193,212,249)
```
#d3e0fb
```
#d3e0fb rgb(211,224,251)
```
#e5edfd
```
#e5edfd rgb(229,237,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#737883
```
#737883 rgb(115,120,131)
```
#69758d
```
#69758d rgb(105,117,141)
```
#607296
```
#607296 rgb(96,114,150)
```
#566fa0
```
#566fa0 rgb(86,111,160)
```
#4d6ca9
```
#4d6ca9 rgb(77,108,169)
```
#4369b3
```
#4369b3 rgb(67,105,179)
```
#3a66bc
```
#3a66bc rgb(58,102,188)
```
#3063c6
```
#3063c6 rgb(48,99,198)
```
#2760cf
```
#2760cf rgb(39,96,207)
```
#1d5dd9
```
#1d5dd9 rgb(29,93,217)
```
#145ae2
```
#145ae2 rgb(20,90,226)
```
#0b57eb
```
#0b57eb rgb(11,87,235)
```
#0154f5
```
#0154f5 rgb(1,84,245)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#485671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0763d5 Protanomaly 1% of men, 0.01% of women
#0767c4 Deuteranomaly 6% of men, 0.4% of women
#076ca2 Tritanomaly 0.01% of the population

#145ae2 hex color

#145ae2 Color Information

#145ae2 Color Conversion

Color Schemes with #145ae2

Alternatives to #145ae2

#145ae2 Preview

Shades and Tints of #145ae2

Tones of #145ae2

Color Blindness Simulator