#146ccc hex color

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

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

● #146ccc color description : Strong blue.

The hexadecimal color #146ccc has RGB values of R:20, G:108, B:204 and CMYK values of C:0.9, M:0.47, Y:0, K:0.2. Its decimal value is 1338572.

Hex triplet	146ccc	`#146ccc`
RGB Decimal	20, 108, 204	`rgb(20,108,204)`
RGB Percent	7.8, 42.4, 80	`rgb(7.8%,42.4%,80%)`
CMYK	90, 47, 0, 20
HSL	211.3°, 82.1, 43.9	`hsl(211.3,82.1%,43.9%)`
HSV (or HSB)	211.3°, 90.2, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.95, 12.164, -56.418
XYZ	16.548, 15.232, 59.191
xyY	0.182, 0.167, 15.232
CIE-LCH	45.95, 57.714, 282.168
CIE-LUV	45.95, -24.619, -85.987
Hunter-Lab	39.028, 7.383, -62.601
Binary	00010100, 01101100, 11001100

#146ccc
```
#146ccc rgb(20,108,204)
```
#cc7414
```
#cc7414 rgb(204,116,20)
```

Complementary Color

#14c8cc
```
#14c8cc rgb(20,200,204)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#1814cc
```
#1814cc rgb(24,20,204)
```

Analogous Color

#c8cc14
```
#c8cc14 rgb(200,204,20)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#cc1814
```
#cc1814 rgb(204,24,20)
```

Split Complementary Color

#6ccc14
```
#6ccc14 rgb(108,204,20)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#cc146c
```
#cc146c rgb(204,20,108)
```

Triadic Color

#14cc74
```
#14cc74 rgb(20,204,116)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#cc146c
```
#cc146c rgb(204,20,108)
```
#cc7414
```
#cc7414 rgb(204,116,20)
```

Tetradic Color

#0d4786
```
#0d4786 rgb(13,71,134)
```
#0f539e
```
#0f539e rgb(15,83,158)
```
#1260b5
```
#1260b5 rgb(18,96,181)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#1678e3
```
#1678e3 rgb(22,120,227)
```
#2985ea
```
#2985ea rgb(41,133,234)
```
#4093ec
```
#4093ec rgb(64,147,236)
```

Monochromatic Color

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

#149acc
```
#149acc rgb(20,154,204)
```
#148bcc
```
#148bcc rgb(20,139,204)
```
#147bcc
```
#147bcc rgb(20,123,204)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#145dcc
```
#145dcc rgb(20,93,204)
```
#144dcc
```
#144dcc rgb(20,77,204)
```
#143ecc
```
#143ecc rgb(20,62,204)
```

Similar Colors

Text with hexadecimal color #146ccc

This text has a font color of #146ccc.

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

#146ccc background color

This paragraph has a background color of #146ccc.

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

#146ccc border color

This element has a border color of #146ccc.

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

CSS codes

.text {color:#146ccc;}

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

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

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)
```
#082a4f
```
#082a4f rgb(8,42,79)
```
#093361
```
#093361 rgb(9,51,97)
```
#0b3d73
```
#0b3d73 rgb(11,61,115)
```
#0d4685
```
#0d4685 rgb(13,70,133)
```
#0f5096
```
#0f5096 rgb(15,80,150)
```
#1059a8
```
#1059a8 rgb(16,89,168)
```
#1263ba
```
#1263ba rgb(18,99,186)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#1675de
```
#1675de rgb(22,117,222)
```

Shade Color Variation

#1e7fe9
```
#1e7fe9 rgb(30,127,233)
```
#3089eb
```
#3089eb rgb(48,137,235)
```
#4294ec
```
#4294ec rgb(66,148,236)
```
#549eee
```
#549eee rgb(84,158,238)
```
#66a8f0
```
#66a8f0 rgb(102,168,240)
```
#78b2f2
```
#78b2f2 rgb(120,178,242)
```
#89bcf3
```
#89bcf3 rgb(137,188,243)
```
#9bc6f5
```
#9bc6f5 rgb(155,198,245)
```
#add0f7
```
#add0f7 rgb(173,208,247)
```
#bfdbf9
```
#bfdbf9 rgb(191,219,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 #036bdd is the most saturated one.

#6a7076
```
#6a7076 rgb(106,112,118)
```
#626f7e
```
#626f7e rgb(98,111,126)
```
#596f87
```
#596f87 rgb(89,111,135)
```
#506f90
```
#506f90 rgb(80,111,144)
```
#486e98
```
#486e98 rgb(72,110,152)
```
#3f6ea1
```
#3f6ea1 rgb(63,110,161)
```
#366daa
```
#366daa rgb(54,109,170)
```
#2e6db2
```
#2e6db2 rgb(46,109,178)
```
#256dbb
```
#256dbb rgb(37,109,187)
```
#1d6cc3
```
#1d6cc3 rgb(29,108,195)
```
#146ccc
```
#146ccc rgb(20,108,204)
```
#0b6cd5
```
#0b6cd5 rgb(11,108,213)
```
#036bdd
```
#036bdd rgb(3,107,221)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#4e6073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e71cc Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#2f6fcc Protanomaly 1% of men, 0.01% of women
#0772c6 Deuteranomaly 6% of men, 0.4% of women
#0778a0 Tritanomaly 0.01% of the population

#146ccc hex color

#146ccc Color Information

#146ccc Color Conversion

Color Schemes with #146ccc

Alternatives to #146ccc

#146ccc Preview

Shades and Tints of #146ccc

Tones of #146ccc

Color Blindness Simulator