#0146f5 hex color

In a RGB color space, hex #0146f5 is composed of 0.4% red, 27.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 71.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 223 degrees, a saturation of 99.2% and a lightness of 48.2%. #0146f5 color hex could be obtained by blending #028cff with #0000eb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 27
- B 96
RGB color chart
- C 100
- M 71
- Y 0
- K 4
CMYK color chart

● #0146f5 color description : Vivid blue.

The hexadecimal color #0146f5 has RGB values of R:1, G:70, B:245 and CMYK values of C:1, M:0.71, Y:0, K:0.04. Its decimal value is 83701.

Hex triplet	0146f5	`#0146f5`
RGB Decimal	1, 70, 245	`rgb(1,70,245)`
RGB Percent	0.4, 27.5, 96.1	`rgb(0.4%,27.5%,96.1%)`
CMYK	100, 71, 0, 4
HSL	223°, 99.2, 48.2	`hsl(223,99.2%,48.2%)`
HSV (or HSB)	223°, 99.6, 96.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.543, 51.297, -90.19
XYZ	18.681, 10.978, 87.516
xyY	0.159, 0.094, 10.978
CIE-LCH	39.543, 103.757, 299.63
CIE-LUV	39.543, -15.555, -126.849
Hunter-Lab	33.133, 42.659, -133.413
Binary	00000001, 01000110, 11110101

#0146f5
```
#0146f5 rgb(1,70,245)
```
#f5b001
```
#f5b001 rgb(245,176,1)
```

Complementary Color

#01c0f5
```
#01c0f5 rgb(1,192,245)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```
#3601f5
```
#3601f5 rgb(54,1,245)
```

Analogous Color

#c0f501
```
#c0f501 rgb(192,245,1)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```
#f53601
```
#f53601 rgb(245,54,1)
```

Split Complementary Color

#46f501
```
#46f501 rgb(70,245,1)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```
#f50146
```
#f50146 rgb(245,1,70)
```

Triadic Color

#01f5b0
```
#01f5b0 rgb(1,245,176)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```
#f50146
```
#f50146 rgb(245,1,70)
```
#f5b001
```
#f5b001 rgb(245,176,1)
```

Tetradic Color

#0130a9
```
#0130a9 rgb(1,48,169)
```
#0137c2
```
#0137c2 rgb(1,55,194)
```
#013fdc
```
#013fdc rgb(1,63,220)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```
#1154fe
```
#1154fe rgb(17,84,254)
```
#2b67fe
```
#2b67fe rgb(43,103,254)
```
#4479fe
```
#4479fe rgb(68,121,254)
```

Monochromatic Color

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

#0183f5
```
#0183f5 rgb(1,131,245)
```
#016ff5
```
#016ff5 rgb(1,111,245)
```
#015af5
```
#015af5 rgb(1,90,245)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```
#0132f5
```
#0132f5 rgb(1,50,245)
```
#011df5
```
#011df5 rgb(1,29,245)
```
#0109f5
```
#0109f5 rgb(1,9,245)
```

Similar Colors

Text with hexadecimal color #0146f5

This text has a font color of #0146f5.

<span style="color:#0146f5;">Text here</span>

#0146f5 background color

This paragraph has a background color of #0146f5.

<p style="background-color:#0146f5;">Content here</p>

#0146f5 border color

This element has a border color of #0146f5.

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

CSS codes

.text {color:#0146f5;}

.background {background-color:#0146f5;}

.border {border:1px solid #0146f5;}

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, #00030b is the darkest color, while #f6f9ff is the lightest one.

#00030b
```
#00030b rgb(0,3,11)
```
#00091e
```
#00091e rgb(0,9,30)
```
#000e32
```
#000e32 rgb(0,14,50)
```
#001445
```
#001445 rgb(0,20,69)
```
#001959
```
#001959 rgb(0,25,89)
```
#001f6c
```
#001f6c rgb(0,31,108)
```
#012580
```
#012580 rgb(1,37,128)
```
#012a93
```
#012a93 rgb(1,42,147)
```
#0130a7
```
#0130a7 rgb(1,48,167)
```
#0135ba
```
#0135ba rgb(1,53,186)
```
#013bce
```
#013bce rgb(1,59,206)
```
#0140e1
```
#0140e1 rgb(1,64,225)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```

Shade Color Variation

#0c50fe
```
#0c50fe rgb(12,80,254)
```
#1f5efe
```
#1f5efe rgb(31,94,254)
```
#336cfe
```
#336cfe rgb(51,108,254)
```
#467afe
```
#467afe rgb(70,122,254)
```
#5a88fe
```
#5a88fe rgb(90,136,254)
```
#6d96fe
```
#6d96fe rgb(109,150,254)
```
#81a4fe
```
#81a4fe rgb(129,164,254)
```
#94b2ff
```
#94b2ff rgb(148,178,255)
```
#a8c0ff
```
#a8c0ff rgb(168,192,255)
```
#bbceff
```
#bbceff rgb(187,206,255)
```
#cfdcff
```
#cfdcff rgb(207,220,255)
```
#e3ebff
```
#e3ebff rgb(227,235,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#737783
```
#737783 rgb(115,119,131)
```
#69738d
```
#69738d rgb(105,115,141)
```
#606f96
```
#606f96 rgb(96,111,150)
```
#566ba0
```
#566ba0 rgb(86,107,160)
```
#4d67a9
```
#4d67a9 rgb(77,103,169)
```
#4363b3
```
#4363b3 rgb(67,99,179)
```
#3a5fbc
```
#3a5fbc rgb(58,95,188)
```
#305bc6
```
#305bc6 rgb(48,91,198)
```
#2756cf
```
#2756cf rgb(39,86,207)
```
#1d52d9
```
#1d52d9 rgb(29,82,217)
```
#144ee2
```
#144ee2 rgb(20,78,226)
```
#0a4aec
```
#0a4aec rgb(10,74,236)
```
#0146f5
```
#0146f5 rgb(1,70,245)
```

Tone Color Variation

Below, you can see how #0146f5 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

#454545 Achromatopsia 0.005% of the population
#374568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0058d3 Protanomaly 1% of men, 0.01% of women
#005bc2 Deuteranomaly 6% of men, 0.4% of women
#0060a3 Tritanomaly 0.01% of the population

#0146f5 hex color

#0146f5 Color Information

#0146f5 Color Conversion

Color Schemes with #0146f5

Alternatives to #0146f5

#0146f5 Preview

Shades and Tints of #0146f5

Tones of #0146f5

Color Blindness Simulator