#145aaa hex color

In a RGB color space, hex #145aaa is composed of 7.8% red, 35.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 47.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 212 degrees, a saturation of 78.9% and a lightness of 37.3%. #145aaa color hex could be obtained by blending #28b4ff with #000055. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 35
- B 67
RGB color chart
- C 88
- M 47
- Y 0
- K 33
CMYK color chart

● #145aaa color description : Dark blue.

The hexadecimal color #145aaa has RGB values of R:20, G:90, B:170 and CMYK values of C:0.88, M:0.47, Y:0, K:0.33. Its decimal value is 1333930.

Hex triplet	145aaa	`#145aaa`
RGB Decimal	20, 90, 170	`rgb(20,90,170)`
RGB Percent	7.8, 35.3, 66.7	`rgb(7.8%,35.3%,66.7%)`
CMYK	88, 47, 0, 33
HSL	212°, 78.9, 37.3	`hsl(212,78.9%,37.3%)`
HSV (or HSB)	212°, 88.2, 66.7
Web Safe	006699	`#006699`

CIE-LAB	38.485, 10.271, -48.626
XYZ	11.199, 10.362, 39.438
xyY	0.184, 0.17, 10.362
CIE-LCH	38.485, 49.699, 281.927
CIE-LUV	38.485, -20.331, -70.565
Hunter-Lab	32.191, 5.764, -50.105
Binary	00010100, 01011010, 10101010

#145aaa
```
#145aaa rgb(20,90,170)
```
#aa6414
```
#aa6414 rgb(170,100,20)
```

Complementary Color

#14a5aa
```
#14a5aa rgb(20,165,170)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#1914aa
```
#1914aa rgb(25,20,170)
```

Analogous Color

#a5aa14
```
#a5aa14 rgb(165,170,20)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#aa1914
```
#aa1914 rgb(170,25,20)
```

Split Complementary Color

#5aaa14
```
#5aaa14 rgb(90,170,20)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#aa145a
```
#aa145a rgb(170,20,90)
```

Triadic Color

#14aa64
```
#14aa64 rgb(20,170,100)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#aa145a
```
#aa145a rgb(170,20,90)
```
#aa6414
```
#aa6414 rgb(170,100,20)
```

Tetradic Color

#0c3666
```
#0c3666 rgb(12,54,102)
```
#0f427c
```
#0f427c rgb(15,66,124)
```
#114e93
```
#114e93 rgb(17,78,147)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#1766c1
```
#1766c1 rgb(23,102,193)
```
#1972d8
```
#1972d8 rgb(25,114,216)
```
#257fe5
```
#257fe5 rgb(37,127,229)
```

Monochromatic Color

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

#1480aa
```
#1480aa rgb(20,128,170)
```
#1473aa
```
#1473aa rgb(20,115,170)
```
#1467aa
```
#1467aa rgb(20,103,170)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#144eaa
```
#144eaa rgb(20,78,170)
```
#1441aa
```
#1441aa rgb(20,65,170)
```
#1435aa
```
#1435aa rgb(20,53,170)
```

Similar Colors

Text with hexadecimal color #145aaa

This text has a font color of #145aaa.

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

#145aaa background color

This paragraph has a background color of #145aaa.

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

#145aaa border color

This element has a border color of #145aaa.

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

CSS codes

.text {color:#145aaa;}

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

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

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, #01060c is the darkest color, while #f9fcfe is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#03101e
```
#03101e rgb(3,16,30)
```
#06192f
```
#06192f rgb(6,25,47)
```
#082241
```
#082241 rgb(8,34,65)
```
#0a2c52
```
#0a2c52 rgb(10,44,82)
```
#0c3564
```
#0c3564 rgb(12,53,100)
```
#0e3e75
```
#0e3e75 rgb(14,62,117)
```
#104787
```
#104787 rgb(16,71,135)
```
#125198
```
#125198 rgb(18,81,152)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#1663bc
```
#1663bc rgb(22,99,188)
```
#186dcd
```
#186dcd rgb(24,109,205)
```
#1a76df
```
#1a76df rgb(26,118,223)
```

Shade Color Variation

#2780e6
```
#2780e6 rgb(39,128,230)
```
#388ae8
```
#388ae8 rgb(56,138,232)
```
#4a95ea
```
#4a95ea rgb(74,149,234)
```
#5c9fec
```
#5c9fec rgb(92,159,236)
```
#6da9ee
```
#6da9ee rgb(109,169,238)
```
#7fb3f0
```
#7fb3f0 rgb(127,179,240)
```
#90bef2
```
#90bef2 rgb(144,190,242)
```
#a2c8f4
```
#a2c8f4 rgb(162,200,244)
```
#b3d2f6
```
#b3d2f6 rgb(179,210,246)
```
#c5ddf8
```
#c5ddf8 rgb(197,221,248)
```
#d6e7fa
```
#d6e7fa rgb(214,231,250)
```
#e8f1fc
```
#e8f1fc rgb(232,241,252)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5f61 is the less saturated color, while #0559b9 is the most saturated one.

#5d5f61
```
#5d5f61 rgb(93,95,97)
```
#565e68
```
#565e68 rgb(86,94,104)
```
#4e5e70
```
#4e5e70 rgb(78,94,112)
```
#475d77
```
#475d77 rgb(71,93,119)
```
#405d7e
```
#405d7e rgb(64,93,126)
```
#395c85
```
#395c85 rgb(57,92,133)
```
#315c8d
```
#315c8d rgb(49,92,141)
```
#2a5b94
```
#2a5b94 rgb(42,91,148)
```
#235b9b
```
#235b9b rgb(35,91,155)
```
#1b5aa3
```
#1b5aa3 rgb(27,90,163)
```
#145aaa
```
#145aaa rgb(20,90,170)
```
#0d5ab1
```
#0d5ab1 rgb(13,90,177)
```
#0559b9
```
#0559b9 rgb(5,89,185)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#425060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3760ac Protanopia 1% of men
#0064a7 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2a5eab Protanomaly 1% of men, 0.01% of women
#0760a8 Deuteranomaly 6% of men, 0.4% of women
#076687 Tritanomaly 0.01% of the population

#145aaa hex color

#145aaa Color Information

#145aaa Color Conversion

Color Schemes with #145aaa

Alternatives to #145aaa

#145aaa Preview

Shades and Tints of #145aaa

Tones of #145aaa

Color Blindness Simulator