#146dfd hex color

In a RGB color space, hex #146dfd is composed of 7.8% red, 42.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 56.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.1 degrees, a saturation of 98.3% and a lightness of 53.5%. #146dfd color hex could be obtained by blending #28daff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 43
- B 99
RGB color chart
- C 92
- M 57
- Y 0
- K 1
CMYK color chart

● #146dfd color description : Vivid blue.

The hexadecimal color #146dfd has RGB values of R:20, G:109, B:253 and CMYK values of C:0.92, M:0.57, Y:0, K:0.01. Its decimal value is 1338877.

Hex triplet	146dfd	`#146dfd`
RGB Decimal	20, 109, 253	`rgb(20,109,253)`
RGB Percent	7.8, 42.7, 99.2	`rgb(7.8%,42.7%,99.2%)`
CMYK	92, 57, 0, 1
HSL	217.1°, 98.3, 53.5	`hsl(217.1,98.3%,53.5%)`
HSV (or HSB)	217.1°, 92.1, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.709, 30.516, -77.949
XYZ	23.483, 18.176, 95.194
xyY	0.172, 0.133, 18.176
CIE-LCH	49.709, 83.71, 291.38
CIE-LUV	49.709, -23.498, -120.921
Hunter-Lab	42.633, 23.712, -102.543
Binary	00010100, 01101101, 11111101

#146dfd
```
#146dfd rgb(20,109,253)
```
#fda414
```
#fda414 rgb(253,164,20)
```

Complementary Color

#14e2fd
```
#14e2fd rgb(20,226,253)
```
#146dfd
```
#146dfd rgb(20,109,253)
```
#3014fd
```
#3014fd rgb(48,20,253)
```

Analogous Color

#e2fd14
```
#e2fd14 rgb(226,253,20)
```
#146dfd
```
#146dfd rgb(20,109,253)
```
#fd3014
```
#fd3014 rgb(253,48,20)
```

Split Complementary Color

#6dfd14
```
#6dfd14 rgb(109,253,20)
```
#146dfd
```
#146dfd rgb(20,109,253)
```
#fd146d
```
#fd146d rgb(253,20,109)
```

Triadic Color

#14fda4
```
#14fda4 rgb(20,253,164)
```
#146dfd
```
#146dfd rgb(20,109,253)
```
#fd146d
```
#fd146d rgb(253,20,109)
```
#fda414
```
#fda414 rgb(253,164,20)
```

Tetradic Color

#024bc3
```
#024bc3 rgb(2,75,195)
```
#0255dc
```
#0255dc rgb(2,85,220)
```
#025ff5
```
#025ff5 rgb(2,95,245)
```
#146dfd
```
#146dfd rgb(20,109,253)
```
#2d7dfd
```
#2d7dfd rgb(45,125,253)
```
#478cfd
```
#478cfd rgb(71,140,253)
```
#609cfe
```
#609cfe rgb(96,156,254)
```

Monochromatic Color

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

#14a7fd
```
#14a7fd rgb(20,167,253)
```
#1494fd
```
#1494fd rgb(20,148,253)
```
#1480fd
```
#1480fd rgb(20,128,253)
```
#146dfd
```
#146dfd rgb(20,109,253)
```
#145afd
```
#145afd rgb(20,90,253)
```
#1446fd
```
#1446fd rgb(20,70,253)
```
#1433fd
```
#1433fd rgb(20,51,253)
```

Similar Colors

Text with hexadecimal color #146dfd

This text has a font color of #146dfd.

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

#146dfd background color

This paragraph has a background color of #146dfd.

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

#146dfd border color

This element has a border color of #146dfd.

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

CSS codes

.text {color:#146dfd;}

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

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

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

#000712
```
#000712 rgb(0,7,18)
```
#000e25
```
#000e25 rgb(0,14,37)
```
#001639
```
#001639 rgb(0,22,57)
```
#011e4c
```
#011e4c rgb(1,30,76)
```
#012560
```
#012560 rgb(1,37,96)
```
#012d73
```
#012d73 rgb(1,45,115)
```
#013487
```
#013487 rgb(1,52,135)
```
#013c9a
```
#013c9a rgb(1,60,154)
```
#0143ad
```
#0143ad rgb(1,67,173)
```
#024bc1
```
#024bc1 rgb(2,75,193)
```
#0252d4
```
#0252d4 rgb(2,82,212)
```
#025ae8
```
#025ae8 rgb(2,90,232)
```
#0261fb
```
#0261fb rgb(2,97,251)
```

Shade Color Variation

#146dfd
```
#146dfd rgb(20,109,253)
```
#2779fd
```
#2779fd rgb(39,121,253)
```
#3b85fd
```
#3b85fd rgb(59,133,253)
```
#4e91fd
```
#4e91fd rgb(78,145,253)
```
#629dfe
```
#629dfe rgb(98,157,254)
```
#75a9fe
```
#75a9fe rgb(117,169,254)
```
#89b6fe
```
#89b6fe rgb(137,182,254)
```
#9cc2fe
```
#9cc2fe rgb(156,194,254)
```
#b0cefe
```
#b0cefe rgb(176,206,254)
```
#c3dafe
```
#c3dafe rgb(195,218,254)
```
#d6e6ff
```
#d6e6ff rgb(214,230,255)
```
#eaf2ff
```
#eaf2ff rgb(234,242,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#818790
```
#818790 rgb(129,135,144)
```
#788599
```
#788599 rgb(120,133,153)
```
#6f83a2
```
#6f83a2 rgb(111,131,162)
```
#6680ab
```
#6680ab rgb(102,128,171)
```
#5d7eb4
```
#5d7eb4 rgb(93,126,180)
```
#547cbd
```
#547cbd rgb(84,124,189)
```
#4b7ac6
```
#4b7ac6 rgb(75,122,198)
```
#4278cf
```
#4278cf rgb(66,120,207)
```
#3876d9
```
#3876d9 rgb(56,118,217)
```
#2f73e2
```
#2f73e2 rgb(47,115,226)
```
#2671eb
```
#2671eb rgb(38,113,235)
```
#1d6ff4
```
#1d6ff4 rgb(29,111,244)
```
#146dfd
```
#146dfd rgb(20,109,253)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#536582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#0080cf Deuteranopia 1% of men
#008990 Tritanopia 0.001% of the population

Trichromacy

#0774f3 Protanomaly 1% of men, 0.01% of women
#0779e0 Deuteranomaly 6% of men, 0.4% of women
#077fb8 Tritanomaly 0.01% of the population

#146dfd hex color

#146dfd Color Information

#146dfd Color Conversion

Color Schemes with #146dfd

Alternatives to #146dfd

#146dfd Preview

Shades and Tints of #146dfd

Tones of #146dfd

Color Blindness Simulator