#146bfb hex color

In a RGB color space, hex #146bfb is composed of 7.8% red, 42% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 57.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 217.4 degrees, a saturation of 96.7% and a lightness of 53.1%. #146bfb color hex could be obtained by blending #28d6ff with #0000f7. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 42
- B 98
RGB color chart
- C 92
- M 57
- Y 0
- K 2
CMYK color chart

● #146bfb color description : Vivid blue.

The hexadecimal color #146bfb has RGB values of R:20, G:107, B:251 and CMYK values of C:0.92, M:0.57, Y:0, K:0.02. Its decimal value is 1338363.

Hex triplet	146bfb	`#146bfb`
RGB Decimal	20, 107, 251	`rgb(20,107,251)`
RGB Percent	7.8, 42, 98.4	`rgb(7.8%,42%,98.4%)`
CMYK	92, 57, 0, 2
HSL	217.4°, 96.7, 53.1	`hsl(217.4,96.7%,53.1%)`
HSV (or HSB)	217.4°, 92, 98.4
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.041, 31.026, -77.929
XYZ	22.955, 17.627, 93.454
xyY	0.171, 0.132, 17.627
CIE-LCH	49.041, 83.878, 291.709
CIE-LUV	49.041, -23.019, -120.427
Hunter-Lab	41.985, 24.121, -102.585
Binary	00010100, 01101011, 11111011

#146bfb
```
#146bfb rgb(20,107,251)
```
#fba414
```
#fba414 rgb(251,164,20)
```

Complementary Color

#14dffb
```
#14dffb rgb(20,223,251)
```
#146bfb
```
#146bfb rgb(20,107,251)
```
#3014fb
```
#3014fb rgb(48,20,251)
```

Analogous Color

#dffb14
```
#dffb14 rgb(223,251,20)
```
#146bfb
```
#146bfb rgb(20,107,251)
```
#fb3014
```
#fb3014 rgb(251,48,20)
```

Split Complementary Color

#6bfb14
```
#6bfb14 rgb(107,251,20)
```
#146bfb
```
#146bfb rgb(20,107,251)
```
#fb146b
```
#fb146b rgb(251,20,107)
```

Triadic Color

#14fba4
```
#14fba4 rgb(20,251,164)
```
#146bfb
```
#146bfb rgb(20,107,251)
```
#fb146b
```
#fb146b rgb(251,20,107)
```
#fba414
```
#fba414 rgb(251,164,20)
```

Tetradic Color

#034abf
```
#034abf rgb(3,74,191)
```
#0454d8
```
#0454d8 rgb(4,84,216)
```
#045df1
```
#045df1 rgb(4,93,241)
```
#146bfb
```
#146bfb rgb(20,107,251)
```
#2d7bfb
```
#2d7bfb rgb(45,123,251)
```
#468bfc
```
#468bfc rgb(70,139,252)
```
#5f9afc
```
#5f9afc rgb(95,154,252)
```

Monochromatic Color

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

#14a5fb
```
#14a5fb rgb(20,165,251)
```
#1492fb
```
#1492fb rgb(20,146,251)
```
#147efb
```
#147efb rgb(20,126,251)
```
#146bfb
```
#146bfb rgb(20,107,251)
```
#1458fb
```
#1458fb rgb(20,88,251)
```
#1445fb
```
#1445fb rgb(20,69,251)
```
#1431fb
```
#1431fb rgb(20,49,251)
```

Similar Colors

Text with hexadecimal color #146bfb

This text has a font color of #146bfb.

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

#146bfb background color

This paragraph has a background color of #146bfb.

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

#146bfb border color

This element has a border color of #146bfb.

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

CSS codes

.text {color:#146bfb;}

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

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

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

#000610
```
#000610 rgb(0,6,16)
```
#010e23
```
#010e23 rgb(1,14,35)
```
#011536
```
#011536 rgb(1,21,54)
```
#011c4a
```
#011c4a rgb(1,28,74)
```
#02245d
```
#02245d rgb(2,36,93)
```
#022b70
```
#022b70 rgb(2,43,112)
```
#023383
```
#023383 rgb(2,51,131)
```
#033a97
```
#033a97 rgb(3,58,151)
```
#0342aa
```
#0342aa rgb(3,66,170)
```
#0349bd
```
#0349bd rgb(3,73,189)
```
#0451d1
```
#0451d1 rgb(4,81,209)
```
#0458e4
```
#0458e4 rgb(4,88,228)
```
#0460f7
```
#0460f7 rgb(4,96,247)
```

Shade Color Variation

#146bfb
```
#146bfb rgb(20,107,251)
```
#2777fb
```
#2777fb rgb(39,119,251)
```
#3b83fc
```
#3b83fc rgb(59,131,252)
```
#4e8ffc
```
#4e8ffc rgb(78,143,252)
```
#619cfc
```
#619cfc rgb(97,156,252)
```
#74a8fd
```
#74a8fd rgb(116,168,253)
```
#88b4fd
```
#88b4fd rgb(136,180,253)
```
#9bc0fd
```
#9bc0fd rgb(155,192,253)
```
#aeccfe
```
#aeccfe rgb(174,204,254)
```
#c2d8fe
```
#c2d8fe rgb(194,216,254)
```
#d5e4fe
```
#d5e4fe rgb(213,228,254)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82868d is the less saturated color, while #146bfb is the most saturated one.

#82868d
```
#82868d rgb(130,134,141)
```
#798496
```
#798496 rgb(121,132,150)
```
#70829f
```
#70829f rgb(112,130,159)
```
#677fa8
```
#677fa8 rgb(103,127,168)
```
#5e7db1
```
#5e7db1 rgb(94,125,177)
```
#547bbb
```
#547bbb rgb(84,123,187)
```
#4b79c4
```
#4b79c4 rgb(75,121,196)
```
#4276cd
```
#4276cd rgb(66,118,205)
```
#3974d6
```
#3974d6 rgb(57,116,214)
```
#3072df
```
#3072df rgb(48,114,223)
```
#2670e9
```
#2670e9 rgb(38,112,233)
```
#1d6df2
```
#1d6df2 rgb(29,109,242)
```
#146bfb
```
#146bfb rgb(20,107,251)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#526380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00888f Tritanopia 0.001% of the population

Trichromacy

#0773f0 Protanomaly 1% of men, 0.01% of women
#0777dd Deuteranomaly 6% of men, 0.4% of women
#077db6 Tritanomaly 0.01% of the population

#146bfb hex color

#146bfb Color Information

#146bfb Color Conversion

Color Schemes with #146bfb

Alternatives to #146bfb

#146bfb Preview

Shades and Tints of #146bfb

Tones of #146bfb

Color Blindness Simulator