#146aaa hex color

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

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

● #146aaa color description : Dark blue.

The hexadecimal color #146aaa has RGB values of R:20, G:106, B:170 and CMYK values of C:0.88, M:0.38, Y:0, K:0.33. Its decimal value is 1338026.

Hex triplet	146aaa	`#146aaa`
RGB Decimal	20, 106, 170	`rgb(20,106,170)`
RGB Percent	7.8, 41.6, 66.7	`rgb(7.8%,41.6%,66.7%)`
CMYK	88, 38, 0, 33
HSL	205.6°, 78.9, 37.3	`hsl(205.6,78.9%,37.3%)`
HSV (or HSB)	205.6°, 88.2, 66.7
Web Safe	006699	`#006699`

CIE-LAB	43.298, 0.001, -40.927
XYZ	12.696, 13.358, 39.937
xyY	0.192, 0.202, 13.358
CIE-LCH	43.298, 40.927, 270.002
CIE-LUV	43.298, -25.483, -60.327
Hunter-Lab	36.548, -1.951, -39.203
Binary	00010100, 01101010, 10101010

#146aaa
```
#146aaa rgb(20,106,170)
```
#aa5414
```
#aa5414 rgb(170,84,20)
```

Complementary Color

#14aa9f
```
#14aa9f rgb(20,170,159)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#141faa
```
#141faa rgb(20,31,170)
```

Analogous Color

#aa9f14
```
#aa9f14 rgb(170,159,20)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#aa141f
```
#aa141f rgb(170,20,31)
```

Split Complementary Color

#6aaa14
```
#6aaa14 rgb(106,170,20)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#aa146a
```
#aa146a rgb(170,20,106)
```

Triadic Color

#14aa54
```
#14aa54 rgb(20,170,84)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#aa146a
```
#aa146a rgb(170,20,106)
```
#aa5414
```
#aa5414 rgb(170,84,20)
```

Tetradic Color

#0c3f66
```
#0c3f66 rgb(12,63,102)
```
#0f4e7c
```
#0f4e7c rgb(15,78,124)
```
#115c93
```
#115c93 rgb(17,92,147)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#1778c1
```
#1778c1 rgb(23,120,193)
```
#1986d8
```
#1986d8 rgb(25,134,216)
```
#2593e5
```
#2593e5 rgb(37,147,229)
```

Monochromatic Color

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

#1490aa
```
#1490aa rgb(20,144,170)
```
#1483aa
```
#1483aa rgb(20,131,170)
```
#1477aa
```
#1477aa rgb(20,119,170)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#145eaa
```
#145eaa rgb(20,94,170)
```
#1451aa
```
#1451aa rgb(20,81,170)
```
#1445aa
```
#1445aa rgb(20,69,170)
```

Similar Colors

Text with hexadecimal color #146aaa

This text has a font color of #146aaa.

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

#146aaa background color

This paragraph has a background color of #146aaa.

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

#146aaa border color

This element has a border color of #146aaa.

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

CSS codes

.text {color:#146aaa;}

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

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

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

#01080c
```
#01080c rgb(1,8,12)
```
#03121e
```
#03121e rgb(3,18,30)
```
#061d2f
```
#061d2f rgb(6,29,47)
```
#082841
```
#082841 rgb(8,40,65)
```
#0a3352
```
#0a3352 rgb(10,51,82)
```
#0c3e64
```
#0c3e64 rgb(12,62,100)
```
#0e4975
```
#0e4975 rgb(14,73,117)
```
#105487
```
#105487 rgb(16,84,135)
```
#125f98
```
#125f98 rgb(18,95,152)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#1675bc
```
#1675bc rgb(22,117,188)
```
#1880cd
```
#1880cd rgb(24,128,205)
```
#1a8bdf
```
#1a8bdf rgb(26,139,223)
```

Shade Color Variation

#2794e6
```
#2794e6 rgb(39,148,230)
```
#389de8
```
#389de8 rgb(56,157,232)
```
#4aa6ea
```
#4aa6ea rgb(74,166,234)
```
#5caeec
```
#5caeec rgb(92,174,236)
```
#6db7ee
```
#6db7ee rgb(109,183,238)
```
#7fc0f0
```
#7fc0f0 rgb(127,192,240)
```
#90c8f2
```
#90c8f2 rgb(144,200,242)
```
#a2d1f4
```
#a2d1f4 rgb(162,209,244)
```
#b3daf6
```
#b3daf6 rgb(179,218,246)
```
#c5e2f8
```
#c5e2f8 rgb(197,226,248)
```
#d6ebfa
```
#d6ebfa rgb(214,235,250)
```
#e8f4fc
```
#e8f4fc rgb(232,244,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 #056cb9 is the most saturated one.

#5d5f61
```
#5d5f61 rgb(93,95,97)
```
#566068
```
#566068 rgb(86,96,104)
```
#4e6170
```
#4e6170 rgb(78,97,112)
```
#476277
```
#476277 rgb(71,98,119)
```
#40647e
```
#40647e rgb(64,100,126)
```
#396585
```
#396585 rgb(57,101,133)
```
#31668d
```
#31668d rgb(49,102,141)
```
#2a6794
```
#2a6794 rgb(42,103,148)
```
#23689b
```
#23689b rgb(35,104,155)
```
#1b69a3
```
#1b69a3 rgb(27,105,163)
```
#146aaa
```
#146aaa rgb(20,106,170)
```
#0d6bb1
```
#0d6bb1 rgb(13,107,177)
```
#056cb9
```
#056cb9 rgb(5,108,185)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4a5c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546ca9 Protanopia 1% of men
#3c6faf Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#3c6ba9 Protanomaly 1% of men, 0.01% of women
#2e6dad Deuteranomaly 6% of men, 0.4% of women
#07738f Tritanomaly 0.01% of the population

#146aaa hex color

#146aaa Color Information

#146aaa Color Conversion

Color Schemes with #146aaa

Alternatives to #146aaa

#146aaa Preview

Shades and Tints of #146aaa

Tones of #146aaa

Color Blindness Simulator