#145de2 hex color

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

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

● #145de2 color description : Vivid blue.

The hexadecimal color #145de2 has RGB values of R:20, G:93, B:226 and CMYK values of C:0.91, M:0.59, Y:0, K:0.11. Its decimal value is 1334754.

Hex triplet	145de2	`#145de2`
RGB Decimal	20, 93, 226	`rgb(20,93,226)`
RGB Percent	7.8, 36.5, 88.6	`rgb(7.8%,36.5%,88.6%)`
CMYK	91, 59, 0, 11
HSL	218.7°, 83.7, 48.2	`hsl(218.7,83.7%,48.2%)`
HSV (or HSB)	218.7°, 91.2, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.458, 30.459, -73.011
XYZ	17.927, 13.467, 73.602
xyY	0.171, 0.128, 13.467
CIE-LCH	43.458, 79.109, 292.645
CIE-LUV	43.458, -19.851, -109.228
Hunter-Lab	36.697, 22.981, -93.227
Binary	00010100, 01011101, 11100010

#145de2
```
#145de2 rgb(20,93,226)
```
#e29914
```
#e29914 rgb(226,153,20)
```

Complementary Color

#14c4e2
```
#14c4e2 rgb(20,196,226)
```
#145de2
```
#145de2 rgb(20,93,226)
```
#3214e2
```
#3214e2 rgb(50,20,226)
```

Analogous Color

#c4e214
```
#c4e214 rgb(196,226,20)
```
#145de2
```
#145de2 rgb(20,93,226)
```
#e23214
```
#e23214 rgb(226,50,20)
```

Split Complementary Color

#5de214
```
#5de214 rgb(93,226,20)
```
#145de2
```
#145de2 rgb(20,93,226)
```
#e2145d
```
#e2145d rgb(226,20,93)
```

Triadic Color

#14e299
```
#14e299 rgb(20,226,153)
```
#145de2
```
#145de2 rgb(20,93,226)
```
#e2145d
```
#e2145d rgb(226,20,93)
```
#e29914
```
#e29914 rgb(226,153,20)
```

Tetradic Color

#0e409c
```
#0e409c rgb(14,64,156)
```
#104ab3
```
#104ab3 rgb(16,74,179)
```
#1253cb
```
#1253cb rgb(18,83,203)
```
#145de2
```
#145de2 rgb(20,93,226)
```
#246bec
```
#246bec rgb(36,107,236)
```
#3b7bee
```
#3b7bee rgb(59,123,238)
```
#538af0
```
#538af0 rgb(83,138,240)
```

Monochromatic Color

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

#1491e2
```
#1491e2 rgb(20,145,226)
```
#147fe2
```
#147fe2 rgb(20,127,226)
```
#146ee2
```
#146ee2 rgb(20,110,226)
```
#145de2
```
#145de2 rgb(20,93,226)
```
#144ce2
```
#144ce2 rgb(20,76,226)
```
#143be2
```
#143be2 rgb(20,59,226)
```
#142ae2
```
#142ae2 rgb(20,42,226)
```

Similar Colors

Text with hexadecimal color #145de2

This text has a font color of #145de2.

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

#145de2 background color

This paragraph has a background color of #145de2.

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

#145de2 border color

This element has a border color of #145de2.

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

CSS codes

.text {color:#145de2;}

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

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

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)
```
#04132e
```
#04132e rgb(4,19,46)
```
#061a40
```
#061a40 rgb(6,26,64)
```
#072252
```
#072252 rgb(7,34,82)
```
#092964
```
#092964 rgb(9,41,100)
```
#0a3176
```
#0a3176 rgb(10,49,118)
```
#0c3888
```
#0c3888 rgb(12,56,136)
```
#0e3f9a
```
#0e3f9a rgb(14,63,154)
```
#0f47ac
```
#0f47ac rgb(15,71,172)
```
#114ebe
```
#114ebe rgb(17,78,190)
```
#1256d0
```
#1256d0 rgb(18,86,208)
```
#145de2
```
#145de2 rgb(20,93,226)
```

Shade Color Variation

#1e67eb
```
#1e67eb rgb(30,103,235)
```
#3173ed
```
#3173ed rgb(49,115,237)
```
#437fee
```
#437fee rgb(67,127,238)
```
#558cf0
```
#558cf0 rgb(85,140,240)
```
#6798f2
```
#6798f2 rgb(103,152,242)
```
#79a4f3
```
#79a4f3 rgb(121,164,243)
```
#8bb0f5
```
#8bb0f5 rgb(139,176,245)
```
#9dbcf6
```
#9dbcf6 rgb(157,188,246)
```
#afc9f8
```
#afc9f8 rgb(175,201,248)
```
#c1d5f9
```
#c1d5f9 rgb(193,213,249)
```
#d3e1fb
```
#d3e1fb rgb(211,225,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, #737983 is the less saturated color, while #0157f5 is the most saturated one.

#737983
```
#737983 rgb(115,121,131)
```
#69768d
```
#69768d rgb(105,118,141)
```
#607396
```
#607396 rgb(96,115,150)
```
#5670a0
```
#5670a0 rgb(86,112,160)
```
#4d6ea9
```
#4d6ea9 rgb(77,110,169)
```
#436bb3
```
#436bb3 rgb(67,107,179)
```
#3a68bc
```
#3a68bc rgb(58,104,188)
```
#3065c6
```
#3065c6 rgb(48,101,198)
```
#2763cf
```
#2763cf rgb(39,99,207)
```
#1d60d9
```
#1d60d9 rgb(29,96,217)
```
#145de2
```
#145de2 rgb(20,93,226)
```
#0b5aeb
```
#0b5aeb rgb(11,90,235)
```
#0157f5
```
#0157f5 rgb(1,87,245)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#495772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0766d7 Protanomaly 1% of men, 0.01% of women
#0769c6 Deuteranomaly 6% of men, 0.4% of women
#076fa3 Tritanomaly 0.01% of the population

#145de2 hex color

#145de2 Color Information

#145de2 Color Conversion

Color Schemes with #145de2

Alternatives to #145de2

#145de2 Preview

Shades and Tints of #145de2

Tones of #145de2

Color Blindness Simulator