#146ae4 hex color

In a RGB color space, hex #146ae4 is composed of 7.8% red, 41.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 53.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 215.2 degrees, a saturation of 83.9% and a lightness of 48.6%. #146ae4 color hex could be obtained by blending #28d4ff with #0000c9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 89
RGB color chart
- C 91
- M 54
- Y 0
- K 11
CMYK color chart

● #146ae4 color description : Vivid blue.

The hexadecimal color #146ae4 has RGB values of R:20, G:106, B:228 and CMYK values of C:0.91, M:0.54, Y:0, K:0.11. Its decimal value is 1338084.

Hex triplet	146ae4	`#146ae4`
RGB Decimal	20, 106, 228	`rgb(20,106,228)`
RGB Percent	7.8, 41.6, 89.4	`rgb(7.8%,41.6%,89.4%)`
CMYK	91, 54, 0, 11
HSL	215.2°, 83.9, 48.6	`hsl(215.2,83.9%,48.6%)`
HSV (or HSB)	215.2°, 91.2, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.049, 22.847, -68.293
XYZ	19.443, 16.057, 75.469
xyY	0.175, 0.145, 16.057
CIE-LCH	47.049, 72.013, 288.498
CIE-LUV	47.049, -23.269, -104.846
Hunter-Lab	40.071, 16.488, -83.617
Binary	00010100, 01101010, 11100100

#146ae4
```
#146ae4 rgb(20,106,228)
```
#e48e14
```
#e48e14 rgb(228,142,20)
```

Complementary Color

#14d2e4
```
#14d2e4 rgb(20,210,228)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```
#2614e4
```
#2614e4 rgb(38,20,228)
```

Analogous Color

#d2e414
```
#d2e414 rgb(210,228,20)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```
#e42614
```
#e42614 rgb(228,38,20)
```

Split Complementary Color

#6ae414
```
#6ae414 rgb(106,228,20)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```
#e4146a
```
#e4146a rgb(228,20,106)
```

Triadic Color

#14e48e
```
#14e48e rgb(20,228,142)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```
#e4146a
```
#e4146a rgb(228,20,106)
```
#e48e14
```
#e48e14 rgb(228,142,20)
```

Tetradic Color

#0e499e
```
#0e499e rgb(14,73,158)
```
#1054b5
```
#1054b5 rgb(16,84,181)
```
#125fcd
```
#125fcd rgb(18,95,205)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```
#2678ec
```
#2678ec rgb(38,120,236)
```
#3d86ee
```
#3d86ee rgb(61,134,238)
```
#5495f0
```
#5495f0 rgb(84,149,240)
```

Monochromatic Color

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

#149ee4
```
#149ee4 rgb(20,158,228)
```
#148de4
```
#148de4 rgb(20,141,228)
```
#147be4
```
#147be4 rgb(20,123,228)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```
#1459e4
```
#1459e4 rgb(20,89,228)
```
#1447e4
```
#1447e4 rgb(20,71,228)
```
#1436e4
```
#1436e4 rgb(20,54,228)
```

Similar Colors

Text with hexadecimal color #146ae4

This text has a font color of #146ae4.

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

#146ae4 background color

This paragraph has a background color of #146ae4.

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

#146ae4 border color

This element has a border color of #146ae4.

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

CSS codes

.text {color:#146ae4;}

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

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

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

#01050c
```
#01050c rgb(1,5,12)
```
#030e1e
```
#030e1e rgb(3,14,30)
```
#041630
```
#041630 rgb(4,22,48)
```
#061f42
```
#061f42 rgb(6,31,66)
```
#072754
```
#072754 rgb(7,39,84)
```
#092f66
```
#092f66 rgb(9,47,102)
```
#0b3878
```
#0b3878 rgb(11,56,120)
```
#0c408a
```
#0c408a rgb(12,64,138)
```
#0e489c
```
#0e489c rgb(14,72,156)
```
#0f51ae
```
#0f51ae rgb(15,81,174)
```
#1159c0
```
#1159c0 rgb(17,89,192)
```
#1262d2
```
#1262d2 rgb(18,98,210)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```

Shade Color Variation

#2074eb
```
#2074eb rgb(32,116,235)
```
#327fed
```
#327fed rgb(50,127,237)
```
#448bef
```
#448bef rgb(68,139,239)
```
#5696f0
```
#5696f0 rgb(86,150,240)
```
#68a1f2
```
#68a1f2 rgb(104,161,242)
```
#7aacf3
```
#7aacf3 rgb(122,172,243)
```
#8cb8f5
```
#8cb8f5 rgb(140,184,245)
```
#9ec3f7
```
#9ec3f7 rgb(158,195,247)
```
#b0cef8
```
#b0cef8 rgb(176,206,248)
```
#c2d9fa
```
#c2d9fa rgb(194,217,250)
```
#d4e5fb
```
#d4e5fb rgb(212,229,251)
```
#e7f0fd
```
#e7f0fd rgb(231,240,253)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#737b85
```
#737b85 rgb(115,123,133)
```
#6a798e
```
#6a798e rgb(106,121,142)
```
#607798
```
#607798 rgb(96,119,152)
```
#5776a1
```
#5776a1 rgb(87,118,161)
```
#4d74ab
```
#4d74ab rgb(77,116,171)
```
#4472b4
```
#4472b4 rgb(68,114,180)
```
#3a71be
```
#3a71be rgb(58,113,190)
```
#316fc7
```
#316fc7 rgb(49,111,199)
```
#276dd1
```
#276dd1 rgb(39,109,209)
```
#1e6cda
```
#1e6cda rgb(30,108,218)
```
#146ae4
```
#146ae4 rgb(20,106,228)
```
#0a68ee
```
#0a68ee rgb(10,104,238)
```
#0167f7
```
#0167f7 rgb(1,103,247)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#4f6079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#076fe2 Protanomaly 1% of men, 0.01% of women
#0774d0 Deuteranomaly 6% of men, 0.4% of women
#0779aa Tritanomaly 0.01% of the population

#146ae4 hex color

#146ae4 Color Information

#146ae4 Color Conversion

Color Schemes with #146ae4

Alternatives to #146ae4

#146ae4 Preview

Shades and Tints of #146ae4

Tones of #146ae4

Color Blindness Simulator