#0150f4 hex color

In a RGB color space, hex #0150f4 is composed of 0.4% red, 31.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 67.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 220.5 degrees, a saturation of 99.2% and a lightness of 48%. #0150f4 color hex could be obtained by blending #02a0ff with #0000e9. Closest websafe color is: #0066ff.

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

● #0150f4 color description : Vivid blue.

The hexadecimal color #0150f4 has RGB values of R:1, G:80, B:244 and CMYK values of C:1, M:0.67, Y:0, K:0.04. Its decimal value is 86260.

Hex triplet	0150f4	`#0150f4`
RGB Decimal	1, 80, 244	`rgb(1,80,244)`
RGB Percent	0.4, 31.4, 95.7	`rgb(0.4%,31.4%,95.7%)`
CMYK	100, 67, 0, 4
HSL	220.5°, 99.2, 48	`hsl(220.5,99.2%,48%)`
HSV (or HSB)	220.5°, 99.6, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.648, 44.928, -86.152
XYZ	19.207, 12.274, 86.94
xyY	0.162, 0.104, 12.274
CIE-LCH	41.648, 97.163, 297.542
CIE-LUV	41.648, -17.494, -124.709
Hunter-Lab	35.034, 36.551, -122.609
Binary	00000001, 01010000, 11110100

#0150f4
```
#0150f4 rgb(1,80,244)
```
#f4a501
```
#f4a501 rgb(244,165,1)
```

Complementary Color

#01caf4
```
#01caf4 rgb(1,202,244)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```
#2c01f4
```
#2c01f4 rgb(44,1,244)
```

Analogous Color

#caf401
```
#caf401 rgb(202,244,1)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```
#f42b01
```
#f42b01 rgb(244,43,1)
```

Split Complementary Color

#50f401
```
#50f401 rgb(80,244,1)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```
#f40150
```
#f40150 rgb(244,1,80)
```

Triadic Color

#01f4a5
```
#01f4a5 rgb(1,244,165)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```
#f40150
```
#f40150 rgb(244,1,80)
```
#f4a501
```
#f4a501 rgb(244,165,1)
```

Tetradic Color

#0137a8
```
#0137a8 rgb(1,55,168)
```
#013fc1
```
#013fc1 rgb(1,63,193)
```
#0148db
```
#0148db rgb(1,72,219)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```
#105efe
```
#105efe rgb(16,94,254)
```
#2a6ffe
```
#2a6ffe rgb(42,111,254)
```
#4380fe
```
#4380fe rgb(67,128,254)
```

Monochromatic Color

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

#018df4
```
#018df4 rgb(1,141,244)
```
#0179f4
```
#0179f4 rgb(1,121,244)
```
#0164f4
```
#0164f4 rgb(1,100,244)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```
#013cf4
```
#013cf4 rgb(1,60,244)
```
#0128f4
```
#0128f4 rgb(1,40,244)
```
#0113f4
```
#0113f4 rgb(1,19,244)
```

Similar Colors

Text with hexadecimal color #0150f4

This text has a font color of #0150f4.

<span style="color:#0150f4;">Text here</span>

#0150f4 background color

This paragraph has a background color of #0150f4.

<p style="background-color:#0150f4;">Content here</p>

#0150f4 border color

This element has a border color of #0150f4.

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

CSS codes

.text {color:#0150f4;}

.background {background-color:#0150f4;}

.border {border:1px solid #0150f4;}

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

#00030a
```
#00030a rgb(0,3,10)
```
#000a1d
```
#000a1d rgb(0,10,29)
```
#001031
```
#001031 rgb(0,16,49)
```
#001644
```
#001644 rgb(0,22,68)
```
#001d58
```
#001d58 rgb(0,29,88)
```
#00236b
```
#00236b rgb(0,35,107)
```
#012a7f
```
#012a7f rgb(1,42,127)
```
#013092
```
#013092 rgb(1,48,146)
```
#0136a6
```
#0136a6 rgb(1,54,166)
```
#013db9
```
#013db9 rgb(1,61,185)
```
#0143cd
```
#0143cd rgb(1,67,205)
```
#014ae0
```
#014ae0 rgb(1,74,224)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```

Shade Color Variation

#0b5afe
```
#0b5afe rgb(11,90,254)
```
#1e67fe
```
#1e67fe rgb(30,103,254)
```
#3274fe
```
#3274fe rgb(50,116,254)
```
#4581fe
```
#4581fe rgb(69,129,254)
```
#598ffe
```
#598ffe rgb(89,143,254)
```
#6c9cfe
```
#6c9cfe rgb(108,156,254)
```
#80a9fe
```
#80a9fe rgb(128,169,254)
```
#93b6ff
```
#93b6ff rgb(147,182,255)
```
#a7c3ff
```
#a7c3ff rgb(167,195,255)
```
#bad1ff
```
#bad1ff rgb(186,209,255)
```
#cedeff
```
#cedeff rgb(206,222,255)
```
#e2ebff
```
#e2ebff rgb(226,235,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#727883
```
#727883 rgb(114,120,131)
```
#69748c
```
#69748c rgb(105,116,140)
```
#5f7196
```
#5f7196 rgb(95,113,150)
```
#566e9f
```
#566e9f rgb(86,110,159)
```
#4c6aa9
```
#4c6aa9 rgb(76,106,169)
```
#4367b2
```
#4367b2 rgb(67,103,178)
```
#3a64bb
```
#3a64bb rgb(58,100,187)
```
#3060c5
```
#3060c5 rgb(48,96,197)
```
#275dce
```
#275dce rgb(39,93,206)
```
#1d5ad8
```
#1d5ad8 rgb(29,90,216)
```
#1457e1
```
#1457e1 rgb(20,87,225)
```
#0a53eb
```
#0a53eb rgb(10,83,235)
```
#0150f4
```
#0150f4 rgb(1,80,244)
```

Tone Color Variation

Below, you can see how #0150f4 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

#4b4b4b Achromatopsia 0.005% of the population
#3c4c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#005ed8 Protanomaly 1% of men, 0.01% of women
#0062c7 Deuteranomaly 6% of men, 0.4% of women
#0067a6 Tritanomaly 0.01% of the population

#0150f4 hex color

#0150f4 Color Information

#0150f4 Color Conversion

Color Schemes with #0150f4

Alternatives to #0150f4

#0150f4 Preview

Shades and Tints of #0150f4

Tones of #0150f4

Color Blindness Simulator