#145fcb hex color

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

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

● #145fcb color description : Strong blue.

The hexadecimal color #145fcb has RGB values of R:20, G:95, B:203 and CMYK values of C:0.9, M:0.53, Y:0, K:0.2. Its decimal value is 1335243.

Hex triplet	145fcb	`#145fcb`
RGB Decimal	20, 95, 203	`rgb(20,95,203)`
RGB Percent	7.8, 37.3, 79.6	`rgb(7.8%,37.3%,79.6%)`
CMYK	90, 53, 0, 20
HSL	215.4°, 82.1, 43.7	`hsl(215.4,82.1%,43.7%)`
HSV (or HSB)	215.4°, 90.1, 79.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.221, 20.192, -61.873
XYZ	15.158, 12.644, 58.138
xyY	0.176, 0.147, 12.644
CIE-LCH	42.221, 65.084, 288.074
CIE-LUV	42.221, -20.835, -92.36
Hunter-Lab	35.558, 13.866, -72.05
Binary	00010100, 01011111, 11001011

#145fcb
```
#145fcb rgb(20,95,203)
```
#cb8014
```
#cb8014 rgb(203,128,20)
```

Complementary Color

#14bbcb
```
#14bbcb rgb(20,187,203)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#2514cb
```
#2514cb rgb(37,20,203)
```

Analogous Color

#bbcb14
```
#bbcb14 rgb(187,203,20)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#cb2514
```
#cb2514 rgb(203,37,20)
```

Split Complementary Color

#5fcb14
```
#5fcb14 rgb(95,203,20)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#cb145f
```
#cb145f rgb(203,20,95)
```

Triadic Color

#14cb80
```
#14cb80 rgb(20,203,128)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#cb145f
```
#cb145f rgb(203,20,95)
```
#cb8014
```
#cb8014 rgb(203,128,20)
```

Tetradic Color

#0d3e85
```
#0d3e85 rgb(13,62,133)
```
#0f499d
```
#0f499d rgb(15,73,157)
```
#1254b4
```
#1254b4 rgb(18,84,180)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#166ae2
```
#166ae2 rgb(22,106,226)
```
#2878ea
```
#2878ea rgb(40,120,234)
```
#3f86ec
```
#3f86ec rgb(63,134,236)
```

Monochromatic Color

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

#148dcb
```
#148dcb rgb(20,141,203)
```
#147ecb
```
#147ecb rgb(20,126,203)
```
#146ecb
```
#146ecb rgb(20,110,203)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#1450cb
```
#1450cb rgb(20,80,203)
```
#1441cb
```
#1441cb rgb(20,65,203)
```
#1431cb
```
#1431cb rgb(20,49,203)
```

Similar Colors

Text with hexadecimal color #145fcb

This text has a font color of #145fcb.

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

#145fcb background color

This paragraph has a background color of #145fcb.

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

#145fcb border color

This element has a border color of #145fcb.

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

CSS codes

.text {color:#145fcb;}

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

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

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)
```
#04142a
```
#04142a rgb(4,20,42)
```
#061c3c
```
#061c3c rgb(6,28,60)
```
#08254e
```
#08254e rgb(8,37,78)
```
#092d60
```
#092d60 rgb(9,45,96)
```
#0b3572
```
#0b3572 rgb(11,53,114)
```
#0d3e84
```
#0d3e84 rgb(13,62,132)
```
#0f4695
```
#0f4695 rgb(15,70,149)
```
#104ea7
```
#104ea7 rgb(16,78,167)
```
#1257b9
```
#1257b9 rgb(18,87,185)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#1667dd
```
#1667dd rgb(22,103,221)
```

Shade Color Variation

#1d71e9
```
#1d71e9 rgb(29,113,233)
```
#2f7ceb
```
#2f7ceb rgb(47,124,235)
```
#4187ec
```
#4187ec rgb(65,135,236)
```
#5393ee
```
#5393ee rgb(83,147,238)
```
#659ef0
```
#659ef0 rgb(101,158,240)
```
#77a9f2
```
#77a9f2 rgb(119,169,242)
```
#89b4f3
```
#89b4f3 rgb(137,180,243)
```
#9ac0f5
```
#9ac0f5 rgb(154,192,245)
```
#accbf7
```
#accbf7 rgb(172,203,247)
```
#bed6f9
```
#bed6f9 rgb(190,214,249)
```
#d0e1fa
```
#d0e1fa rgb(208,225,250)
```
#e2edfc
```
#e2edfc rgb(226,237,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 #035cdc is the most saturated one.

#6a6e75
```
#6a6e75 rgb(106,110,117)
```
#616d7e
```
#616d7e rgb(97,109,126)
```
#596b86
```
#596b86 rgb(89,107,134)
```
#506a8f
```
#506a8f rgb(80,106,143)
```
#476898
```
#476898 rgb(71,104,152)
```
#3f67a0
```
#3f67a0 rgb(63,103,160)
```
#3665a9
```
#3665a9 rgb(54,101,169)
```
#2e64b1
```
#2e64b1 rgb(46,100,177)
```
#2562ba
```
#2562ba rgb(37,98,186)
```
#1d61c2
```
#1d61c2 rgb(29,97,194)
```
#145fcb
```
#145fcb rgb(20,95,203)
```
#0b5dd4
```
#0b5dd4 rgb(11,93,212)
```
#035cdc
```
#035cdc rgb(3,92,220)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#48576d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0764cc Protanomaly 1% of men, 0.01% of women
#0768bc Deuteranomaly 6% of men, 0.4% of women
#076d99 Tritanomaly 0.01% of the population

#145fcb hex color

#145fcb Color Information

#145fcb Color Conversion

Color Schemes with #145fcb

Alternatives to #145fcb

#145fcb Preview

Shades and Tints of #145fcb

Tones of #145fcb

Color Blindness Simulator