#145bc2 hex color

In a RGB color space, hex #145bc2 is composed of 7.8% red, 35.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 53.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 215.5 degrees, a saturation of 81.3% and a lightness of 42%. #145bc2 color hex could be obtained by blending #28b6ff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 36
- B 76
RGB color chart
- C 90
- M 53
- Y 0
- K 24
CMYK color chart

● #145bc2 color description : Strong blue.

The hexadecimal color #145bc2 has RGB values of R:20, G:91, B:194 and CMYK values of C:0.9, M:0.53, Y:0, K:0.24. Its decimal value is 1334210.

Hex triplet	145bc2	`#145bc2`
RGB Decimal	20, 91, 194	`rgb(20,91,194)`
RGB Percent	7.8, 35.7, 76.1	`rgb(7.8%,35.7%,76.1%)`
CMYK	90, 53, 0, 24
HSL	215.5°, 81.3, 42	`hsl(215.5,81.3%,42%)`
HSV (or HSB)	215.5°, 89.7, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.451, 19.251, -59.536
XYZ	13.765, 11.525, 52.535
xyY	0.177, 0.148, 11.525
CIE-LCH	40.451, 62.571, 287.919
CIE-LUV	40.451, -19.927, -87.833
Hunter-Lab	33.948, 12.968, -67.988
Binary	00010100, 01011011, 11000010

#145bc2
```
#145bc2 rgb(20,91,194)
```
#c27b14
```
#c27b14 rgb(194,123,20)
```

Complementary Color

#14b2c2
```
#14b2c2 rgb(20,178,194)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#2414c2
```
#2414c2 rgb(36,20,194)
```

Analogous Color

#b2c214
```
#b2c214 rgb(178,194,20)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#c22414
```
#c22414 rgb(194,36,20)
```

Split Complementary Color

#5bc214
```
#5bc214 rgb(91,194,20)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#c2145b
```
#c2145b rgb(194,20,91)
```

Triadic Color

#14c27b
```
#14c27b rgb(20,194,123)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#c2145b
```
#c2145b rgb(194,20,91)
```
#c27b14
```
#c27b14 rgb(194,123,20)
```

Tetradic Color

#0d3a7d
```
#0d3a7d rgb(13,58,125)
```
#0f4594
```
#0f4594 rgb(15,69,148)
```
#1250ab
```
#1250ab rgb(18,80,171)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#1666d9
```
#1666d9 rgb(22,102,217)
```
#2172e8
```
#2172e8 rgb(33,114,232)
```
#3881ea
```
#3881ea rgb(56,129,234)
```

Monochromatic Color

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

#1487c2
```
#1487c2 rgb(20,135,194)
```
#1478c2
```
#1478c2 rgb(20,120,194)
```
#146ac2
```
#146ac2 rgb(20,106,194)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#144dc2
```
#144dc2 rgb(20,77,194)
```
#143ec2
```
#143ec2 rgb(20,62,194)
```
#1430c2
```
#1430c2 rgb(20,48,194)
```

Similar Colors

Text with hexadecimal color #145bc2

This text has a font color of #145bc2.

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

#145bc2 background color

This paragraph has a background color of #145bc2.

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

#145bc2 border color

This element has a border color of #145bc2.

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

CSS codes

.text {color:#145bc2;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#041022
```
#041022 rgb(4,16,34)
```
#051834
```
#051834 rgb(5,24,52)
```
#072146
```
#072146 rgb(7,33,70)
```
#092957
```
#092957 rgb(9,41,87)
```
#0b3169
```
#0b3169 rgb(11,49,105)
```
#0d3a7b
```
#0d3a7b rgb(13,58,123)
```
#0f428d
```
#0f428d rgb(15,66,141)
```
#104a9e
```
#104a9e rgb(16,74,158)
```
#1253b0
```
#1253b0 rgb(18,83,176)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#1663d4
```
#1663d4 rgb(22,99,212)
```
#186ce6
```
#186ce6 rgb(24,108,230)
```

Shade Color Variation

#2877e9
```
#2877e9 rgb(40,119,233)
```
#3a82eb
```
#3a82eb rgb(58,130,235)
```
#4c8ded
```
#4c8ded rgb(76,141,237)
```
#5d99ee
```
#5d99ee rgb(93,153,238)
```
#6fa4f0
```
#6fa4f0 rgb(111,164,240)
```
#81aff2
```
#81aff2 rgb(129,175,242)
```
#93baf4
```
#93baf4 rgb(147,186,244)
```
#a4c6f6
```
#a4c6f6 rgb(164,198,246)
```
#b6d1f8
```
#b6d1f8 rgb(182,209,248)
```
#c8dcf9
```
#c8dcf9 rgb(200,220,249)
```
#dae7fb
```
#dae7fb rgb(218,231,251)
```
#ecf3fd
```
#ecf3fd rgb(236,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666a70 is the less saturated color, while #0458d2 is the most saturated one.

#666a70
```
#666a70 rgb(102,106,112)
```
#5e6978
```
#5e6978 rgb(94,105,120)
```
#566780
```
#566780 rgb(86,103,128)
```
#4e6688
```
#4e6688 rgb(78,102,136)
```
#456491
```
#456491 rgb(69,100,145)
```
#3d6399
```
#3d6399 rgb(61,99,153)
```
#3561a1
```
#3561a1 rgb(53,97,161)
```
#2d60a9
```
#2d60a9 rgb(45,96,169)
```
#245eb2
```
#245eb2 rgb(36,94,178)
```
#1c5dba
```
#1c5dba rgb(28,93,186)
```
#145bc2
```
#145bc2 rgb(20,91,194)
```
#0c59ca
```
#0c59ca rgb(12,89,202)
```
#0458d2
```
#0458d2 rgb(4,88,210)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#465468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c5 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#0760c4 Protanomaly 1% of men, 0.01% of women
#0764b4 Deuteranomaly 6% of men, 0.4% of women
#076993 Tritanomaly 0.01% of the population

#145bc2 hex color

#145bc2 Color Information

#145bc2 Color Conversion

Color Schemes with #145bc2

Alternatives to #145bc2

#145bc2 Preview

Shades and Tints of #145bc2

Tones of #145bc2

Color Blindness Simulator