#145fb5 hex color

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

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

● #145fb5 color description : Strong blue.

The hexadecimal color #145fb5 has RGB values of R:20, G:95, B:181 and CMYK values of C:0.89, M:0.48, Y:0, K:0.29. Its decimal value is 1335221.

Hex triplet	145fb5	`#145fb5`
RGB Decimal	20, 95, 181	`rgb(20,95,181)`
RGB Percent	7.8, 37.3, 71	`rgb(7.8%,37.3%,71%)`
CMYK	89, 48, 0, 29
HSL	212°, 80.1, 39.4	`hsl(212,80.1%,39.4%)`
HSV (or HSB)	212°, 89, 71
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.684, 11.421, -51.57
XYZ	12.719, 11.668, 45.295
xyY	0.183, 0.167, 11.668
CIE-LCH	40.684, 52.819, 282.487
CIE-LUV	40.684, -21.489, -76.079
Hunter-Lab	34.159, 6.688, -54.709
Binary	00010100, 01011111, 10110101

#145fb5
```
#145fb5 rgb(20,95,181)
```
#b56a14
```
#b56a14 rgb(181,106,20)
```

Complementary Color

#14b0b5
```
#14b0b5 rgb(20,176,181)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#1914b5
```
#1914b5 rgb(25,20,181)
```

Analogous Color

#b0b514
```
#b0b514 rgb(176,181,20)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#b51a14
```
#b51a14 rgb(181,26,20)
```

Split Complementary Color

#5fb514
```
#5fb514 rgb(95,181,20)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#b5145f
```
#b5145f rgb(181,20,95)
```

Triadic Color

#14b56a
```
#14b56a rgb(20,181,106)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#b5145f
```
#b5145f rgb(181,20,95)
```
#b56a14
```
#b56a14 rgb(181,106,20)
```

Tetradic Color

#0c3b70
```
#0c3b70 rgb(12,59,112)
```
#0f4787
```
#0f4787 rgb(15,71,135)
```
#11539e
```
#11539e rgb(17,83,158)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#176bcc
```
#176bcc rgb(23,107,204)
```
#1977e3
```
#1977e3 rgb(25,119,227)
```
#2e84e8
```
#2e84e8 rgb(46,132,232)
```

Monochromatic Color

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

#1487b5
```
#1487b5 rgb(20,135,181)
```
#147ab5
```
#147ab5 rgb(20,122,181)
```
#146cb5
```
#146cb5 rgb(20,108,181)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#1452b5
```
#1452b5 rgb(20,82,181)
```
#1444b5
```
#1444b5 rgb(20,68,181)
```
#1437b5
```
#1437b5 rgb(20,55,181)
```

Similar Colors

Text with hexadecimal color #145fb5

This text has a font color of #145fb5.

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

#145fb5 background color

This paragraph has a background color of #145fb5.

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

#145fb5 border color

This element has a border color of #145fb5.

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

CSS codes

.text {color:#145fb5;}

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

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

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)
```
#020c16
```
#020c16 rgb(2,12,22)
```
#041528
```
#041528 rgb(4,21,40)
```
#061e39
```
#061e39 rgb(6,30,57)
```
#08274b
```
#08274b rgb(8,39,75)
```
#0a315d
```
#0a315d rgb(10,49,93)
```
#0c3a6e
```
#0c3a6e rgb(12,58,110)
```
#0e4380
```
#0e4380 rgb(14,67,128)
```
#104c92
```
#104c92 rgb(16,76,146)
```
#1256a3
```
#1256a3 rgb(18,86,163)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#1668c7
```
#1668c7 rgb(22,104,199)
```
#1872d8
```
#1872d8 rgb(24,114,216)
```

Shade Color Variation

#1e7be6
```
#1e7be6 rgb(30,123,230)
```
#2f85e8
```
#2f85e8 rgb(47,133,232)
```
#4190ea
```
#4190ea rgb(65,144,234)
```
#539aec
```
#539aec rgb(83,154,236)
```
#64a4ee
```
#64a4ee rgb(100,164,238)
```
#76aff0
```
#76aff0 rgb(118,175,240)
```
#88b9f2
```
#88b9f2 rgb(136,185,242)
```
#99c3f4
```
#99c3f4 rgb(153,195,244)
```
#abcef6
```
#abcef6 rgb(171,206,246)
```
#bdd8f8
```
#bdd8f8 rgb(189,216,248)
```
#cee3fa
```
#cee3fa rgb(206,227,250)
```
#e0edfc
```
#e0edfc rgb(224,237,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 #055ec4 is the most saturated one.

#616468
```
#616468 rgb(97,100,104)
```
#5a646f
```
#5a646f rgb(90,100,111)
```
#526377
```
#526377 rgb(82,99,119)
```
#4a637f
```
#4a637f rgb(74,99,127)
```
#426287
```
#426287 rgb(66,98,135)
```
#3b628e
```
#3b628e rgb(59,98,142)
```
#336196
```
#336196 rgb(51,97,150)
```
#2b619e
```
#2b619e rgb(43,97,158)
```
#2360a6
```
#2360a6 rgb(35,96,166)
```
#1c60ad
```
#1c60ad rgb(28,96,173)
```
#145fb5
```
#145fb5 rgb(20,95,181)
```
#0c5ebd
```
#0c5ebd rgb(12,94,189)
```
#055ec4
```
#055ec4 rgb(5,94,196)
```

Tone Color Variation

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

Dichromacy

#3865b7 Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2b63b6 Protanomaly 1% of men, 0.01% of women
#0766b1 Deuteranomaly 6% of men, 0.4% of women
#076b8e Tritanomaly 0.01% of the population

#145fb5 hex color

#145fb5 Color Information

#145fb5 Color Conversion

Color Schemes with #145fb5

Alternatives to #145fb5

#145fb5 Preview

Shades and Tints of #145fb5

Tones of #145fb5

Color Blindness Simulator