#146bf3 hex color

In a RGB color space, hex #146bf3 is composed of 7.8% red, 42% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 56% magenta, 0% yellow and 4.7% black. It has a hue angle of 216.6 degrees, a saturation of 90.3% and a lightness of 51.6%. #146bf3 color hex could be obtained by blending #28d6ff with #0000e7. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 42
- B 95
RGB color chart
- C 92
- M 56
- Y 0
- K 5
CMYK color chart

● #146bf3 color description : Vivid blue.

The hexadecimal color #146bf3 has RGB values of R:20, G:107, B:243 and CMYK values of C:0.92, M:0.56, Y:0, K:0.05. Its decimal value is 1338355.

Hex triplet	146bf3	`#146bf3`
RGB Decimal	20, 107, 243	`rgb(20,107,243)`
RGB Percent	7.8, 42, 95.3	`rgb(7.8%,42%,95.3%)`
CMYK	92, 56, 0, 5
HSL	216.6°, 90.3, 51.6	`hsl(216.6,90.3%,51.6%)`
HSV (or HSB)	216.6°, 91.8, 95.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.428, 27.984, -74.471
XYZ	21.72, 17.133, 86.951
xyY	0.173, 0.136, 17.133
CIE-LCH	48.428, 79.555, 290.594
CIE-LUV	48.428, -23.181, -114.929
Hunter-Lab	41.392, 21.23, -95.573
Binary	00010100, 01101011, 11110011

#146bf3
```
#146bf3 rgb(20,107,243)
```
#f39c14
```
#f39c14 rgb(243,156,20)
```

Complementary Color

#14dbf3
```
#14dbf3 rgb(20,219,243)
```
#146bf3
```
#146bf3 rgb(20,107,243)
```
#2d14f3
```
#2d14f3 rgb(45,20,243)
```

Analogous Color

#dbf314
```
#dbf314 rgb(219,243,20)
```
#146bf3
```
#146bf3 rgb(20,107,243)
```
#f32c14
```
#f32c14 rgb(243,44,20)
```

Split Complementary Color

#6bf314
```
#6bf314 rgb(107,243,20)
```
#146bf3
```
#146bf3 rgb(20,107,243)
```
#f3146b
```
#f3146b rgb(243,20,107)
```

Triadic Color

#14f39c
```
#14f39c rgb(20,243,156)
```
#146bf3
```
#146bf3 rgb(20,107,243)
```
#f3146b
```
#f3146b rgb(243,20,107)
```
#f39c14
```
#f39c14 rgb(243,156,20)
```

Tetradic Color

#094bb1
```
#094bb1 rgb(9,75,177)
```
#0a55ca
```
#0a55ca rgb(10,85,202)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#146bf3
```
#146bf3 rgb(20,107,243)
```
#2c7af4
```
#2c7af4 rgb(44,122,244)
```
#458af5
```
#458af5 rgb(69,138,245)
```
#5d99f7
```
#5d99f7 rgb(93,153,247)
```

Monochromatic Color

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

#14a3f3
```
#14a3f3 rgb(20,163,243)
```
#1490f3
```
#1490f3 rgb(20,144,243)
```
#147ef3
```
#147ef3 rgb(20,126,243)
```
#146bf3
```
#146bf3 rgb(20,107,243)
```
#1458f3
```
#1458f3 rgb(20,88,243)
```
#1446f3
```
#1446f3 rgb(20,70,243)
```
#1433f3
```
#1433f3 rgb(20,51,243)
```

Similar Colors

Text with hexadecimal color #146bf3

This text has a font color of #146bf3.

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

#146bf3 background color

This paragraph has a background color of #146bf3.

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

#146bf3 border color

This element has a border color of #146bf3.

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

CSS codes

.text {color:#146bf3;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#010b1a
```
#010b1a rgb(1,11,26)
```
#02132d
```
#02132d rgb(2,19,45)
```
#031b40
```
#031b40 rgb(3,27,64)
```
#042352
```
#042352 rgb(4,35,82)
```
#052b65
```
#052b65 rgb(5,43,101)
```
#063278
```
#063278 rgb(6,50,120)
```
#073a8a
```
#073a8a rgb(7,58,138)
```
#08429d
```
#08429d rgb(8,66,157)
```
#094ab0
```
#094ab0 rgb(9,74,176)
```
#0a52c2
```
#0a52c2 rgb(10,82,194)
```
#0b5ad5
```
#0b5ad5 rgb(11,90,213)
```
#0c62e8
```
#0c62e8 rgb(12,98,232)
```

Shade Color Variation

#146bf3
```
#146bf3 rgb(20,107,243)
```
#2777f4
```
#2777f4 rgb(39,119,244)
```
#3983f5
```
#3983f5 rgb(57,131,245)
```
#4c8ef6
```
#4c8ef6 rgb(76,142,246)
```
#5f9af7
```
#5f9af7 rgb(95,154,247)
```
#71a6f8
```
#71a6f8 rgb(113,166,248)
```
#84b2f9
```
#84b2f9 rgb(132,178,249)
```
#97bdfa
```
#97bdfa rgb(151,189,250)
```
#a9c9fb
```
#a9c9fb rgb(169,201,251)
```
#bcd5fc
```
#bcd5fc rgb(188,213,252)
```
#cfe1fd
```
#cfe1fd rgb(207,225,253)
```
#e1ecfd
```
#e1ecfd rgb(225,236,253)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d828b is the less saturated color, while #0b69fd is the most saturated one.

#7d828b
```
#7d828b rgb(125,130,139)
```
#738094
```
#738094 rgb(115,128,148)
```
#6a7e9e
```
#6a7e9e rgb(106,126,158)
```
#607ca7
```
#607ca7 rgb(96,124,167)
```
#577ab1
```
#577ab1 rgb(87,122,177)
```
#4d78ba
```
#4d78ba rgb(77,120,186)
```
#4475c4
```
#4475c4 rgb(68,117,196)
```
#3a73cd
```
#3a73cd rgb(58,115,205)
```
#3171d7
```
#3171d7 rgb(49,113,215)
```
#276fe0
```
#276fe0 rgb(39,111,224)
```
#1e6dea
```
#1e6dea rgb(30,109,234)
```
#146bf3
```
#146bf3 rgb(20,107,243)
```
#0b69fd
```
#0b69fd rgb(11,105,253)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#51627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0772ec Protanomaly 1% of men, 0.01% of women
#0776d9 Deuteranomaly 6% of men, 0.4% of women
#077cb2 Tritanomaly 0.01% of the population

#146bf3 hex color

#146bf3 Color Information

#146bf3 Color Conversion

Color Schemes with #146bf3

Alternatives to #146bf3

#146bf3 Preview

Shades and Tints of #146bf3

Tones of #146bf3

Color Blindness Simulator