#145bc4 hex color

In a RGB color space, hex #145bc4 is composed of 7.8% red, 35.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 53.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 215.8 degrees, a saturation of 81.5% and a lightness of 42.4%. #145bc4 color hex could be obtained by blending #28b6ff with #000089. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 36
- B 77
RGB color chart
- C 90
- M 54
- Y 0
- K 23
CMYK color chart

● #145bc4 color description : Strong blue.

The hexadecimal color #145bc4 has RGB values of R:20, G:91, B:196 and CMYK values of C:0.9, M:0.54, Y:0, K:0.23. Its decimal value is 1334212.

Hex triplet	145bc4	`#145bc4`
RGB Decimal	20, 91, 196	`rgb(20,91,196)`
RGB Percent	7.8, 35.7, 76.9	`rgb(7.8%,35.7%,76.9%)`
CMYK	90, 54, 0, 23
HSL	215.8°, 81.5, 42.4	`hsl(215.8,81.5%,42.4%)`
HSV (or HSB)	215.8°, 89.8, 76.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.598, 20.046, -60.459
XYZ	13.991, 11.615, 53.726
xyY	0.176, 0.146, 11.615
CIE-LCH	40.598, 63.696, 288.344
CIE-LUV	40.598, -19.878, -89.27
Hunter-Lab	34.081, 13.637, -69.609
Binary	00010100, 01011011, 11000100

#145bc4
```
#145bc4 rgb(20,91,196)
```
#c47d14
```
#c47d14 rgb(196,125,20)
```

Complementary Color

#14b3c4
```
#14b3c4 rgb(20,179,196)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#2514c4
```
#2514c4 rgb(37,20,196)
```

Analogous Color

#b3c414
```
#b3c414 rgb(179,196,20)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#c42514
```
#c42514 rgb(196,37,20)
```

Split Complementary Color

#5bc414
```
#5bc414 rgb(91,196,20)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#c4145b
```
#c4145b rgb(196,20,91)
```

Triadic Color

#14c47d
```
#14c47d rgb(20,196,125)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#c4145b
```
#c4145b rgb(196,20,91)
```
#c47d14
```
#c47d14 rgb(196,125,20)
```

Tetradic Color

#0d3b7f
```
#0d3b7f rgb(13,59,127)
```
#0f4696
```
#0f4696 rgb(15,70,150)
```
#1250ad
```
#1250ad rgb(18,80,173)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#1666db
```
#1666db rgb(22,102,219)
```
#2372e9
```
#2372e9 rgb(35,114,233)
```
#3a81eb
```
#3a81eb rgb(58,129,235)
```

Monochromatic Color

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

#1487c4
```
#1487c4 rgb(20,135,196)
```
#1478c4
```
#1478c4 rgb(20,120,196)
```
#146ac4
```
#146ac4 rgb(20,106,196)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#144cc4
```
#144cc4 rgb(20,76,196)
```
#143ec4
```
#143ec4 rgb(20,62,196)
```
#142fc4
```
#142fc4 rgb(20,47,196)
```

Similar Colors

Text with hexadecimal color #145bc4

This text has a font color of #145bc4.

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

#145bc4 background color

This paragraph has a background color of #145bc4.

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

#145bc4 border color

This element has a border color of #145bc4.

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

CSS codes

.text {color:#145bc4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020812
```
#020812 rgb(2,8,18)
```
#041124
```
#041124 rgb(4,17,36)
```
#051936
```
#051936 rgb(5,25,54)
```
#072147
```
#072147 rgb(7,33,71)
```
#092959
```
#092959 rgb(9,41,89)
```
#0b326b
```
#0b326b rgb(11,50,107)
```
#0d3a7d
```
#0d3a7d rgb(13,58,125)
```
#0f428f
```
#0f428f rgb(15,66,143)
```
#104aa0
```
#104aa0 rgb(16,74,160)
```
#1253b2
```
#1253b2 rgb(18,83,178)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#1663d6
```
#1663d6 rgb(22,99,214)
```

Shade Color Variation

#186ce7
```
#186ce7 rgb(24,108,231)
```
#2a77e9
```
#2a77e9 rgb(42,119,233)
```
#3b82eb
```
#3b82eb rgb(59,130,235)
```
#4d8eed
```
#4d8eed rgb(77,142,237)
```
#5f99ef
```
#5f99ef rgb(95,153,239)
```
#71a4f0
```
#71a4f0 rgb(113,164,240)
```
#83b0f2
```
#83b0f2 rgb(131,176,242)
```
#94bbf4
```
#94bbf4 rgb(148,187,244)
```
#a6c6f6
```
#a6c6f6 rgb(166,198,246)
```
#b8d2f8
```
#b8d2f8 rgb(184,210,248)
```
#caddfa
```
#caddfa rgb(202,221,250)
```
#dce8fb
```
#dce8fb rgb(220,232,251)
```
#edf4fd
```
#edf4fd rgb(237,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b71 is the less saturated color, while #0358d5 is the most saturated one.

#676b71
```
#676b71 rgb(103,107,113)
```
#5f6979
```
#5f6979 rgb(95,105,121)
```
#566882
```
#566882 rgb(86,104,130)
```
#4e668a
```
#4e668a rgb(78,102,138)
```
#466592
```
#466592 rgb(70,101,146)
```
#3e639a
```
#3e639a rgb(62,99,154)
```
#3561a3
```
#3561a3 rgb(53,97,163)
```
#2d60ab
```
#2d60ab rgb(45,96,171)
```
#255eb3
```
#255eb3 rgb(37,94,179)
```
#1c5dbc
```
#1c5dbc rgb(28,93,188)
```
#145bc4
```
#145bc4 rgb(20,91,196)
```
#0c59cc
```
#0c59cc rgb(12,89,204)
```
#0358d5
```
#0358d5 rgb(3,88,213)
```

Tone Color Variation

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

Dichromacy

#0064c5 Protanopia 1% of men
#006aad Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#0761c5 Protanomaly 1% of men, 0.01% of women
#0764b5 Deuteranomaly 6% of men, 0.4% of women
#076994 Tritanomaly 0.01% of the population

#145bc4 hex color

#145bc4 Color Information

#145bc4 Color Conversion

Color Schemes with #145bc4

Alternatives to #145bc4

#145bc4 Preview

Shades and Tints of #145bc4

Tones of #145bc4

Color Blindness Simulator