#145bb5 hex color

In a RGB color space, hex #145bb5 is composed of 7.8% red, 35.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 49.7% magenta, 0% yellow and 29% black. It has a hue angle of 213.5 degrees, a saturation of 80.1% and a lightness of 39.4%. #145bb5 color hex could be obtained by blending #28b6ff with #00006b. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 36
- B 71
RGB color chart
- C 89
- M 50
- Y 0
- K 29
CMYK color chart

● #145bb5 color description : Strong blue.

The hexadecimal color #145bb5 has RGB values of R:20, G:91, B:181 and CMYK values of C:0.89, M:0.5, Y:0, K:0.29. Its decimal value is 1334197.

Hex triplet	145bb5	`#145bb5`
RGB Decimal	20, 91, 181	`rgb(20,91,181)`
RGB Percent	7.8, 35.7, 71	`rgb(7.8%,35.7%,71%)`
CMYK	89, 50, 0, 29
HSL	213.5°, 80.1, 39.4	`hsl(213.5,80.1%,39.4%)`
HSV (or HSB)	213.5°, 89, 71
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.523, 14.048, -53.442
XYZ	12.368, 10.966, 45.178
xyY	0.181, 0.16, 10.966
CIE-LCH	39.523, 55.258, 284.728
CIE-LUV	39.523, -20.281, -78.307
Hunter-Lab	33.115, 8.717, -57.708
Binary	00010100, 01011011, 10110101

#145bb5
```
#145bb5 rgb(20,91,181)
```
#b56e14
```
#b56e14 rgb(181,110,20)
```

Complementary Color

#14acb5
```
#14acb5 rgb(20,172,181)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#1e14b5
```
#1e14b5 rgb(30,20,181)
```

Analogous Color

#acb514
```
#acb514 rgb(172,181,20)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#b51e14
```
#b51e14 rgb(181,30,20)
```

Split Complementary Color

#5bb514
```
#5bb514 rgb(91,181,20)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#b5145b
```
#b5145b rgb(181,20,91)
```

Triadic Color

#14b56e
```
#14b56e rgb(20,181,110)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#b5145b
```
#b5145b rgb(181,20,91)
```
#b56e14
```
#b56e14 rgb(181,110,20)
```

Tetradic Color

#0c3870
```
#0c3870 rgb(12,56,112)
```
#0f4487
```
#0f4487 rgb(15,68,135)
```
#114f9e
```
#114f9e rgb(17,79,158)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#1767cc
```
#1767cc rgb(23,103,204)
```
#1972e3
```
#1972e3 rgb(25,114,227)
```
#2e80e8
```
#2e80e8 rgb(46,128,232)
```

Monochromatic Color

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

#1483b5
```
#1483b5 rgb(20,131,181)
```
#1476b5
```
#1476b5 rgb(20,118,181)
```
#1468b5
```
#1468b5 rgb(20,104,181)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#144eb5
```
#144eb5 rgb(20,78,181)
```
#1440b5
```
#1440b5 rgb(20,64,181)
```
#1433b5
```
#1433b5 rgb(20,51,181)
```

Similar Colors

Text with hexadecimal color #145bb5

This text has a font color of #145bb5.

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

#145bb5 background color

This paragraph has a background color of #145bb5.

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

#145bb5 border color

This element has a border color of #145bb5.

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

CSS codes

.text {color:#145bb5;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020b16
```
#020b16 rgb(2,11,22)
```
#041428
```
#041428 rgb(4,20,40)
```
#061d39
```
#061d39 rgb(6,29,57)
```
#08264b
```
#08264b rgb(8,38,75)
```
#0a2f5d
```
#0a2f5d rgb(10,47,93)
```
#0c376e
```
#0c376e rgb(12,55,110)
```
#0e4080
```
#0e4080 rgb(14,64,128)
```
#104992
```
#104992 rgb(16,73,146)
```
#1252a3
```
#1252a3 rgb(18,82,163)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#1664c7
```
#1664c7 rgb(22,100,199)
```
#186dd8
```
#186dd8 rgb(24,109,216)
```

Shade Color Variation

#1e76e6
```
#1e76e6 rgb(30,118,230)
```
#2f81e8
```
#2f81e8 rgb(47,129,232)
```
#418cea
```
#418cea rgb(65,140,234)
```
#5396ec
```
#5396ec rgb(83,150,236)
```
#64a1ee
```
#64a1ee rgb(100,161,238)
```
#76acf0
```
#76acf0 rgb(118,172,240)
```
#88b7f2
```
#88b7f2 rgb(136,183,242)
```
#99c1f4
```
#99c1f4 rgb(153,193,244)
```
#abccf6
```
#abccf6 rgb(171,204,246)
```
#bdd7f8
```
#bdd7f8 rgb(189,215,248)
```
#cee1fa
```
#cee1fa rgb(206,225,250)
```
#e0ecfc
```
#e0ecfc rgb(224,236,252)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

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

#616468
```
#616468 rgb(97,100,104)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#526277
```
#526277 rgb(82,98,119)
```
#4a617f
```
#4a617f rgb(74,97,127)
```
#426087
```
#426087 rgb(66,96,135)
```
#3b608e
```
#3b608e rgb(59,96,142)
```
#335f96
```
#335f96 rgb(51,95,150)
```
#2b5e9e
```
#2b5e9e rgb(43,94,158)
```
#235da6
```
#235da6 rgb(35,93,166)
```
#1c5cad
```
#1c5cad rgb(28,92,173)
```
#145bb5
```
#145bb5 rgb(20,91,181)
```
#0c5abd
```
#0c5abd rgb(12,90,189)
```
#0559c4
```
#0559c4 rgb(5,89,196)
```

Tone Color Variation

Below, you can see how #145bb5 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
#445264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d62b8 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#245fb6 Protanomaly 1% of men, 0.01% of women
#0763ae Deuteranomaly 6% of men, 0.4% of women
#07688c Tritanomaly 0.01% of the population

#145bb5 hex color

#145bb5 Color Information

#145bb5 Color Conversion

Color Schemes with #145bb5

Alternatives to #145bb5

#145bb5 Preview

Shades and Tints of #145bb5

Tones of #145bb5

Color Blindness Simulator