#145ac9 hex color

In a RGB color space, hex #145ac9 is composed of 7.8% red, 35.3% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 55.2% magenta, 0% yellow and 21.2% black. It has a hue angle of 216.8 degrees, a saturation of 81.9% and a lightness of 43.3%. #145ac9 color hex could be obtained by blending #28b4ff with #000093. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 35
- B 79
RGB color chart
- C 90
- M 55
- Y 0
- K 21
CMYK color chart

● #145ac9 color description : Strong blue.

The hexadecimal color #145ac9 has RGB values of R:20, G:90, B:201 and CMYK values of C:0.9, M:0.55, Y:0, K:0.21. Its decimal value is 1333961.

Hex triplet	145ac9	`#145ac9`
RGB Decimal	20, 90, 201	`rgb(20,90,201)`
RGB Percent	7.8, 35.3, 78.8	`rgb(7.8%,35.3%,78.8%)`
CMYK	90, 55, 0, 21
HSL	216.8°, 81.9, 43.3	`hsl(216.8,81.9%,43.3%)`
HSV (or HSB)	216.8°, 90, 78.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.698, 22.685, -63.194
XYZ	14.485, 11.677, 56.746
xyY	0.175, 0.141, 11.677
CIE-LCH	40.698, 67.142, 289.747
CIE-LUV	40.698, -19.491, -93.282
Hunter-Lab	34.171, 15.865, -74.538
Binary	00010100, 01011010, 11001001

#145ac9
```
#145ac9 rgb(20,90,201)
```
#c98314
```
#c98314 rgb(201,131,20)
```

Complementary Color

#14b5c9
```
#14b5c9 rgb(20,181,201)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#2914c9
```
#2914c9 rgb(41,20,201)
```

Analogous Color

#b5c914
```
#b5c914 rgb(181,201,20)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#c92914
```
#c92914 rgb(201,41,20)
```

Split Complementary Color

#5ac914
```
#5ac914 rgb(90,201,20)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#c9145a
```
#c9145a rgb(201,20,90)
```

Triadic Color

#14c983
```
#14c983 rgb(20,201,131)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#c9145a
```
#c9145a rgb(201,20,90)
```
#c98314
```
#c98314 rgb(201,131,20)
```

Tetradic Color

#0d3b83
```
#0d3b83 rgb(13,59,131)
```
#0f459b
```
#0f459b rgb(15,69,155)
```
#1250b2
```
#1250b2 rgb(18,80,178)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#1664e0
```
#1664e0 rgb(22,100,224)
```
#2772e9
```
#2772e9 rgb(39,114,233)
```
#3e81ec
```
#3e81ec rgb(62,129,236)
```

Monochromatic Color

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

#1487c9
```
#1487c9 rgb(20,135,201)
```
#1478c9
```
#1478c9 rgb(20,120,201)
```
#1469c9
```
#1469c9 rgb(20,105,201)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#144bc9
```
#144bc9 rgb(20,75,201)
```
#143cc9
```
#143cc9 rgb(20,60,201)
```
#142dc9
```
#142dc9 rgb(20,45,201)
```

Similar Colors

Text with hexadecimal color #145ac9

This text has a font color of #145ac9.

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

#145ac9 background color

This paragraph has a background color of #145ac9.

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

#145ac9 border color

This element has a border color of #145ac9.

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

CSS codes

.text {color:#145ac9;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020a17
```
#020a17 rgb(2,10,23)
```
#041228
```
#041228 rgb(4,18,40)
```
#061a3a
```
#061a3a rgb(6,26,58)
```
#08224c
```
#08224c rgb(8,34,76)
```
#092a5e
```
#092a5e rgb(9,42,94)
```
#0b3270
```
#0b3270 rgb(11,50,112)
```
#0d3a82
```
#0d3a82 rgb(13,58,130)
```
#0f4293
```
#0f4293 rgb(15,66,147)
```
#104aa5
```
#104aa5 rgb(16,74,165)
```
#1252b7
```
#1252b7 rgb(18,82,183)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#1662db
```
#1662db rgb(22,98,219)
```

Shade Color Variation

#1c6be8
```
#1c6be8 rgb(28,107,232)
```
#2e77ea
```
#2e77ea rgb(46,119,234)
```
#4082ec
```
#4082ec rgb(64,130,236)
```
#518eee
```
#518eee rgb(81,142,238)
```
#6399ef
```
#6399ef rgb(99,153,239)
```
#75a5f1
```
#75a5f1 rgb(117,165,241)
```
#87b1f3
```
#87b1f3 rgb(135,177,243)
```
#99bcf5
```
#99bcf5 rgb(153,188,245)
```
#abc8f7
```
#abc8f7 rgb(171,200,247)
```
#bcd4f8
```
#bcd4f8 rgb(188,212,248)
```
#cedffa
```
#cedffa rgb(206,223,250)
```
#e0ebfc
```
#e0ebfc rgb(224,235,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696d74 is the less saturated color, while #0356da is the most saturated one.

#696d74
```
#696d74 rgb(105,109,116)
```
#616b7d
```
#616b7d rgb(97,107,125)
```
#586985
```
#586985 rgb(88,105,133)
```
#50678e
```
#50678e rgb(80,103,142)
```
#476696
```
#476696 rgb(71,102,150)
```
#3f649f
```
#3f649f rgb(63,100,159)
```
#3662a7
```
#3662a7 rgb(54,98,167)
```
#2e60b0
```
#2e60b0 rgb(46,96,176)
```
#255eb8
```
#255eb8 rgb(37,94,184)
```
#1d5cc1
```
#1d5cc1 rgb(29,92,193)
```
#145ac9
```
#145ac9 rgb(20,90,201)
```
#0c58d2
```
#0c58d2 rgb(12,88,210)
```
#0356da
```
#0356da rgb(3,86,218)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#0760c7 Protanomaly 1% of men, 0.01% of women
#0764b7 Deuteranomaly 6% of men, 0.4% of women
#076995 Tritanomaly 0.01% of the population

#145ac9 hex color

#145ac9 Color Information

#145ac9 Color Conversion

Color Schemes with #145ac9

Alternatives to #145ac9

#145ac9 Preview

Shades and Tints of #145ac9

Tones of #145ac9

Color Blindness Simulator