#145bcb hex color

In a RGB color space, hex #145bcb is composed of 7.8% red, 35.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 55.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 216.7 degrees, a saturation of 82.1% and a lightness of 43.7%. #145bcb color hex could be obtained by blending #28b6ff with #000097. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 36
- B 80
RGB color chart
- C 90
- M 55
- Y 0
- K 20
CMYK color chart

● #145bcb color description : Strong blue.

The hexadecimal color #145bcb has RGB values of R:20, G:91, B:203 and CMYK values of C:0.9, M:0.55, Y:0, K:0.2. Its decimal value is 1334219.

Hex triplet	145bcb	`#145bcb`
RGB Decimal	20, 91, 203	`rgb(20,91,203)`
RGB Percent	7.8, 35.7, 79.6	`rgb(7.8%,35.7%,79.6%)`
CMYK	90, 55, 0, 20
HSL	216.7°, 82.1, 43.7	`hsl(216.7,82.1%,43.7%)`
HSV (or HSB)	216.7°, 90.1, 79.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.123, 22.817, -63.658
XYZ	14.807, 11.941, 58.021
xyY	0.175, 0.141, 11.941
CIE-LCH	41.123, 67.623, 289.719
CIE-LUV	41.123, -19.723, -94.241
Hunter-Lab	34.556, 16.01, -75.36
Binary	00010100, 01011011, 11001011

#145bcb
```
#145bcb rgb(20,91,203)
```
#cb8414
```
#cb8414 rgb(203,132,20)
```

Complementary Color

#14b7cb
```
#14b7cb rgb(20,183,203)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#2914cb
```
#2914cb rgb(41,20,203)
```

Analogous Color

#b7cb14
```
#b7cb14 rgb(183,203,20)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#cb2914
```
#cb2914 rgb(203,41,20)
```

Split Complementary Color

#5bcb14
```
#5bcb14 rgb(91,203,20)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#cb145b
```
#cb145b rgb(203,20,91)
```

Triadic Color

#14cb84
```
#14cb84 rgb(20,203,132)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#cb145b
```
#cb145b rgb(203,20,91)
```
#cb8414
```
#cb8414 rgb(203,132,20)
```

Tetradic Color

#0d3c85
```
#0d3c85 rgb(13,60,133)
```
#0f469d
```
#0f469d rgb(15,70,157)
```
#1251b4
```
#1251b4 rgb(18,81,180)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#1665e2
```
#1665e2 rgb(22,101,226)
```
#2873ea
```
#2873ea rgb(40,115,234)
```
#3f82ec
```
#3f82ec rgb(63,130,236)
```

Monochromatic Color

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

#1489cb
```
#1489cb rgb(20,137,203)
```
#147acb
```
#147acb rgb(20,122,203)
```
#146acb
```
#146acb rgb(20,106,203)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#144ccb
```
#144ccb rgb(20,76,203)
```
#143dcb
```
#143dcb rgb(20,61,203)
```
#142dcb
```
#142dcb rgb(20,45,203)
```

Similar Colors

Text with hexadecimal color #145bcb

This text has a font color of #145bcb.

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

#145bcb background color

This paragraph has a background color of #145bcb.

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

#145bcb border color

This element has a border color of #145bcb.

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

CSS codes

.text {color:#145bcb;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020b18
```
#020b18 rgb(2,11,24)
```
#04132a
```
#04132a rgb(4,19,42)
```
#061b3c
```
#061b3c rgb(6,27,60)
```
#08234e
```
#08234e rgb(8,35,78)
```
#092b60
```
#092b60 rgb(9,43,96)
```
#0b3372
```
#0b3372 rgb(11,51,114)
```
#0d3b84
```
#0d3b84 rgb(13,59,132)
```
#0f4395
```
#0f4395 rgb(15,67,149)
```
#104ba7
```
#104ba7 rgb(16,75,167)
```
#1253b9
```
#1253b9 rgb(18,83,185)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#1663dd
```
#1663dd rgb(22,99,221)
```

Shade Color Variation

#1d6ce9
```
#1d6ce9 rgb(29,108,233)
```
#2f78eb
```
#2f78eb rgb(47,120,235)
```
#4184ec
```
#4184ec rgb(65,132,236)
```
#538fee
```
#538fee rgb(83,143,238)
```
#659bf0
```
#659bf0 rgb(101,155,240)
```
#77a6f2
```
#77a6f2 rgb(119,166,242)
```
#89b2f3
```
#89b2f3 rgb(137,178,243)
```
#9abef5
```
#9abef5 rgb(154,190,245)
```
#acc9f7
```
#acc9f7 rgb(172,201,247)
```
#bed5f9
```
#bed5f9 rgb(190,213,249)
```
#d0e0fa
```
#d0e0fa rgb(208,224,250)
```
#e2ecfc
```
#e2ecfc rgb(226,236,252)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6e75 is the less saturated color, while #0357dc is the most saturated one.

#6a6e75
```
#6a6e75 rgb(106,110,117)
```
#616c7e
```
#616c7e rgb(97,108,126)
```
#596a86
```
#596a86 rgb(89,106,134)
```
#50688f
```
#50688f rgb(80,104,143)
```
#476798
```
#476798 rgb(71,103,152)
```
#3f65a0
```
#3f65a0 rgb(63,101,160)
```
#3663a9
```
#3663a9 rgb(54,99,169)
```
#2e61b1
```
#2e61b1 rgb(46,97,177)
```
#255fba
```
#255fba rgb(37,95,186)
```
#1d5dc2
```
#1d5dc2 rgb(29,93,194)
```
#145bcb
```
#145bcb rgb(20,91,203)
```
#0b59d4
```
#0b59d4 rgb(11,89,212)
```
#0357dc
```
#0357dc rgb(3,87,220)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#46556b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006bae Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0761c9 Protanomaly 1% of men, 0.01% of women
#0765b9 Deuteranomaly 6% of men, 0.4% of women
#076a97 Tritanomaly 0.01% of the population

#145bcb hex color

#145bcb Color Information

#145bcb Color Conversion

Color Schemes with #145bcb

Alternatives to #145bcb

#145bcb Preview

Shades and Tints of #145bcb

Tones of #145bcb

Color Blindness Simulator