#146bcc hex color

In a RGB color space, hex #146bcc is composed of 7.8% red, 42% green and 80% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 47.5% magenta, 0% yellow and 20% black. It has a hue angle of 211.6 degrees, a saturation of 82.1% and a lightness of 43.9%. #146bcc color hex could be obtained by blending #28d6ff with #000099. Closest websafe color is: #0066cc.

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

● #146bcc color description : Strong blue.

The hexadecimal color #146bcc has RGB values of R:20, G:107, B:204 and CMYK values of C:0.9, M:0.48, Y:0, K:0.2. Its decimal value is 1338316.

Hex triplet	146bcc	`#146bcc`
RGB Decimal	20, 107, 204	`rgb(20,107,204)`
RGB Percent	7.8, 42, 80	`rgb(7.8%,42%,80%)`
CMYK	90, 48, 0, 20
HSL	211.6°, 82.1, 43.9	`hsl(211.6,82.1%,43.9%)`
HSV (or HSB)	211.6°, 90.2, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.665, 12.805, -56.878
XYZ	16.443, 15.022, 59.156
xyY	0.181, 0.166, 15.022
CIE-LCH	45.665, 58.301, 282.687
CIE-LUV	45.665, -24.316, -86.583
Hunter-Lab	38.759, 7.899, -63.362
Binary	00010100, 01101011, 11001100

#146bcc
```
#146bcc rgb(20,107,204)
```
#cc7514
```
#cc7514 rgb(204,117,20)
```

Complementary Color

#14c7cc
```
#14c7cc rgb(20,199,204)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#1914cc
```
#1914cc rgb(25,20,204)
```

Analogous Color

#c7cc14
```
#c7cc14 rgb(199,204,20)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#cc1914
```
#cc1914 rgb(204,25,20)
```

Split Complementary Color

#6bcc14
```
#6bcc14 rgb(107,204,20)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#cc146b
```
#cc146b rgb(204,20,107)
```

Triadic Color

#14cc75
```
#14cc75 rgb(20,204,117)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#cc146b
```
#cc146b rgb(204,20,107)
```
#cc7514
```
#cc7514 rgb(204,117,20)
```

Tetradic Color

#0d4686
```
#0d4686 rgb(13,70,134)
```
#0f539e
```
#0f539e rgb(15,83,158)
```
#125fb5
```
#125fb5 rgb(18,95,181)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#1677e3
```
#1677e3 rgb(22,119,227)
```
#2984ea
```
#2984ea rgb(41,132,234)
```
#4092ec
```
#4092ec rgb(64,146,236)
```

Monochromatic Color

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

#1499cc
```
#1499cc rgb(20,153,204)
```
#148acc
```
#148acc rgb(20,138,204)
```
#147acc
```
#147acc rgb(20,122,204)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#145ccc
```
#145ccc rgb(20,92,204)
```
#144ccc
```
#144ccc rgb(20,76,204)
```
#143dcc
```
#143dcc rgb(20,61,204)
```

Similar Colors

Text with hexadecimal color #146bcc

This text has a font color of #146bcc.

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

#146bcc background color

This paragraph has a background color of #146bcc.

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

#146bcc border color

This element has a border color of #146bcc.

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

CSS codes

.text {color:#146bcc;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#020d19
```
#020d19 rgb(2,13,25)
```
#04172b
```
#04172b rgb(4,23,43)
```
#06203d
```
#06203d rgb(6,32,61)
```
#08294f
```
#08294f rgb(8,41,79)
```
#093361
```
#093361 rgb(9,51,97)
```
#0b3c73
```
#0b3c73 rgb(11,60,115)
```
#0d4685
```
#0d4685 rgb(13,70,133)
```
#0f4f96
```
#0f4f96 rgb(15,79,150)
```
#1058a8
```
#1058a8 rgb(16,88,168)
```
#1262ba
```
#1262ba rgb(18,98,186)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#1674de
```
#1674de rgb(22,116,222)
```

Shade Color Variation

#1e7ee9
```
#1e7ee9 rgb(30,126,233)
```
#3088eb
```
#3088eb rgb(48,136,235)
```
#4293ec
```
#4293ec rgb(66,147,236)
```
#549dee
```
#549dee rgb(84,157,238)
```
#66a7f0
```
#66a7f0 rgb(102,167,240)
```
#78b1f2
```
#78b1f2 rgb(120,177,242)
```
#89bcf3
```
#89bcf3 rgb(137,188,243)
```
#9bc6f5
```
#9bc6f5 rgb(155,198,245)
```
#add0f7
```
#add0f7 rgb(173,208,247)
```
#bfdaf9
```
#bfdaf9 rgb(191,218,249)
```
#d1e5fa
```
#d1e5fa rgb(209,229,250)
```
#e3effc
```
#e3effc rgb(227,239,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7076 is the less saturated color, while #036add is the most saturated one.

#6a7076
```
#6a7076 rgb(106,112,118)
```
#626f7e
```
#626f7e rgb(98,111,126)
```
#596f87
```
#596f87 rgb(89,111,135)
```
#506e90
```
#506e90 rgb(80,110,144)
```
#486e98
```
#486e98 rgb(72,110,152)
```
#3f6da1
```
#3f6da1 rgb(63,109,161)
```
#366daa
```
#366daa rgb(54,109,170)
```
#2e6cb2
```
#2e6cb2 rgb(46,108,178)
```
#256cbb
```
#256cbb rgb(37,108,187)
```
#1d6bc3
```
#1d6bc3 rgb(29,107,195)
```
#146bcc
```
#146bcc rgb(20,107,204)
```
#0b6bd5
```
#0b6bd5 rgb(11,107,213)
```
#036add
```
#036add rgb(3,106,221)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4e5f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c70cc Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#2d6ecc Protanomaly 1% of men, 0.01% of women
#0771c6 Deuteranomaly 6% of men, 0.4% of women
#07779f Tritanomaly 0.01% of the population

#146bcc hex color

#146bcc Color Information

#146bcc Color Conversion

Color Schemes with #146bcc

Alternatives to #146bcc

#146bcc Preview

Shades and Tints of #146bcc

Tones of #146bcc

Color Blindness Simulator