#146add hex color

In a RGB color space, hex #146add is composed of 7.8% red, 41.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 52% magenta, 0% yellow and 13.3% black. It has a hue angle of 214.3 degrees, a saturation of 83.4% and a lightness of 47.3%. #146add color hex could be obtained by blending #28d4ff with #0000bb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 87
RGB color chart
- C 91
- M 52
- Y 0
- K 13
CMYK color chart

● #146add color description : Vivid blue.

The hexadecimal color #146add has RGB values of R:20, G:106, B:221 and CMYK values of C:0.91, M:0.52, Y:0, K:0.13. Its decimal value is 1338077.

Hex triplet	146add	`#146add`
RGB Decimal	20, 106, 221	`rgb(20,106,221)`
RGB Percent	7.8, 41.6, 86.7	`rgb(7.8%,41.6%,86.7%)`
CMYK	91, 52, 0, 13
HSL	214.3°, 83.4, 47.3	`hsl(214.3,83.4%,47.3%)`
HSV (or HSB)	214.3°, 91, 86.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.546, 20.123, -65.148
XYZ	18.491, 15.676, 70.454
xyY	0.177, 0.15, 15.676
CIE-LCH	46.546, 68.185, 287.165
CIE-LUV	46.546, -23.463, -99.798
Hunter-Lab	39.592, 14.078, -77.79
Binary	00010100, 01101010, 11011101

#146add
```
#146add rgb(20,106,221)
```
#dd8714
```
#dd8714 rgb(221,135,20)
```

Complementary Color

#14cfdd
```
#14cfdd rgb(20,207,221)
```
#146add
```
#146add rgb(20,106,221)
```
#2214dd
```
#2214dd rgb(34,20,221)
```

Analogous Color

#cfdd14
```
#cfdd14 rgb(207,221,20)
```
#146add
```
#146add rgb(20,106,221)
```
#dd2214
```
#dd2214 rgb(221,34,20)
```

Split Complementary Color

#6add14
```
#6add14 rgb(106,221,20)
```
#146add
```
#146add rgb(20,106,221)
```
#dd146a
```
#dd146a rgb(221,20,106)
```

Triadic Color

#14dd87
```
#14dd87 rgb(20,221,135)
```
#146add
```
#146add rgb(20,106,221)
```
#dd146a
```
#dd146a rgb(221,20,106)
```
#dd8714
```
#dd8714 rgb(221,135,20)
```

Tetradic Color

#0e4897
```
#0e4897 rgb(14,72,151)
```
#1054ae
```
#1054ae rgb(16,84,174)
```
#125fc6
```
#125fc6 rgb(18,95,198)
```
#146add
```
#146add rgb(20,106,221)
```
#2077eb
```
#2077eb rgb(32,119,235)
```
#3785ed
```
#3785ed rgb(55,133,237)
```
#4e93ef
```
#4e93ef rgb(78,147,239)
```

Monochromatic Color

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

#149cdd
```
#149cdd rgb(20,156,221)
```
#148cdd
```
#148cdd rgb(20,140,221)
```
#147bdd
```
#147bdd rgb(20,123,221)
```
#146add
```
#146add rgb(20,106,221)
```
#1459dd
```
#1459dd rgb(20,89,221)
```
#1449dd
```
#1449dd rgb(20,73,221)
```
#1438dd
```
#1438dd rgb(20,56,221)
```

Similar Colors

Text with hexadecimal color #146add

This text has a font color of #146add.

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

#146add background color

This paragraph has a background color of #146add.

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

#146add border color

This element has a border color of #146add.

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

CSS codes

.text {color:#146add;}

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

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

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 #f2f7fe is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#020b17
```
#020b17 rgb(2,11,23)
```
#041429
```
#041429 rgb(4,20,41)
```
#051c3b
```
#051c3b rgb(5,28,59)
```
#07254d
```
#07254d rgb(7,37,77)
```
#092e5f
```
#092e5f rgb(9,46,95)
```
#0a3671
```
#0a3671 rgb(10,54,113)
```
#0c3f83
```
#0c3f83 rgb(12,63,131)
```
#0d4795
```
#0d4795 rgb(13,71,149)
```
#0f50a7
```
#0f50a7 rgb(15,80,167)
```
#1159b9
```
#1159b9 rgb(17,89,185)
```
#1261cb
```
#1261cb rgb(18,97,203)
```
#146add
```
#146add rgb(20,106,221)
```

Shade Color Variation

#1a73ea
```
#1a73ea rgb(26,115,234)
```
#2c7eec
```
#2c7eec rgb(44,126,236)
```
#3e89ee
```
#3e89ee rgb(62,137,238)
```
#5094ef
```
#5094ef rgb(80,148,239)
```
#629ff1
```
#629ff1 rgb(98,159,241)
```
#74aaf2
```
#74aaf2 rgb(116,170,242)
```
#86b5f4
```
#86b5f4 rgb(134,181,244)
```
#98c0f6
```
#98c0f6 rgb(152,192,246)
```
#aacbf7
```
#aacbf7 rgb(170,203,247)
```
#bcd6f9
```
#bcd6f9 rgb(188,214,249)
```
#cee1fb
```
#cee1fb rgb(206,225,251)
```
#e0ecfc
```
#e0ecfc rgb(224,236,252)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717780 is the less saturated color, while #0167f0 is the most saturated one.

#717780
```
#717780 rgb(113,119,128)
```
#67768a
```
#67768a rgb(103,118,138)
```
#5e7593
```
#5e7593 rgb(94,117,147)
```
#55739c
```
#55739c rgb(85,115,156)
```
#4c72a5
```
#4c72a5 rgb(76,114,165)
```
#4271af
```
#4271af rgb(66,113,175)
```
#396fb8
```
#396fb8 rgb(57,111,184)
```
#306ec1
```
#306ec1 rgb(48,110,193)
```
#276dca
```
#276dca rgb(39,109,202)
```
#1d6bd4
```
#1d6bd4 rgb(29,107,212)
```
#146add
```
#146add rgb(20,106,221)
```
#0b69e6
```
#0b69e6 rgb(11,105,230)
```
#0167f0
```
#0167f0 rgb(1,103,240)
```

Tone Color Variation

Below, you can see how #146add 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
#4e6077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1472df Protanopia 1% of men
#0078c4 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#146fde Protanomaly 1% of men, 0.01% of women
#0773cd Deuteranomaly 6% of men, 0.4% of women
#0778a7 Tritanomaly 0.01% of the population

#146add hex color

#146add Color Information

#146add Color Conversion

Color Schemes with #146add

Alternatives to #146add

#146add Preview

Shades and Tints of #146add

Tones of #146add

Color Blindness Simulator