#0148f5 hex color

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

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

● #0148f5 color description : Vivid blue.

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

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

CIE-LAB	39.969, 50.12, -89.486
XYZ	18.808, 11.232, 87.558
xyY	0.16, 0.096, 11.232
CIE-LCH	39.969, 102.566, 299.253
CIE-LUV	39.969, -15.923, -126.612
Hunter-Lab	33.514, 41.522, -131.438
Binary	00000001, 01001000, 11110101

#0148f5
```
#0148f5 rgb(1,72,245)
```
#f5ae01
```
#f5ae01 rgb(245,174,1)
```

Complementary Color

#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```
#3401f5
```
#3401f5 rgb(52,1,245)
```

Analogous Color

#c2f501
```
#c2f501 rgb(194,245,1)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```
#f53401
```
#f53401 rgb(245,52,1)
```

Split Complementary Color

#48f501
```
#48f501 rgb(72,245,1)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```
#f50148
```
#f50148 rgb(245,1,72)
```

Triadic Color

#01f5ae
```
#01f5ae rgb(1,245,174)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```
#f50148
```
#f50148 rgb(245,1,72)
```
#f5ae01
```
#f5ae01 rgb(245,174,1)
```

Tetradic Color

#0132a9
```
#0132a9 rgb(1,50,169)
```
#0139c2
```
#0139c2 rgb(1,57,194)
```
#0141dc
```
#0141dc rgb(1,65,220)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```
#1156fe
```
#1156fe rgb(17,86,254)
```
#2b68fe
```
#2b68fe rgb(43,104,254)
```
#447afe
```
#447afe rgb(68,122,254)
```

Monochromatic Color

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

#0185f5
```
#0185f5 rgb(1,133,245)
```
#0171f5
```
#0171f5 rgb(1,113,245)
```
#015cf5
```
#015cf5 rgb(1,92,245)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```
#0134f5
```
#0134f5 rgb(1,52,245)
```
#011ff5
```
#011ff5 rgb(1,31,245)
```
#010bf5
```
#010bf5 rgb(1,11,245)
```

Similar Colors

Text with hexadecimal color #0148f5

This text has a font color of #0148f5.

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

#0148f5 background color

This paragraph has a background color of #0148f5.

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

#0148f5 border color

This element has a border color of #0148f5.

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

CSS codes

.text {color:#0148f5;}

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

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

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)
```
#000f32
```
#000f32 rgb(0,15,50)
```
#001445
```
#001445 rgb(0,20,69)
```
#001a59
```
#001a59 rgb(0,26,89)
```
#00206c
```
#00206c rgb(0,32,108)
```
#012680
```
#012680 rgb(1,38,128)
```
#012b93
```
#012b93 rgb(1,43,147)
```
#0131a7
```
#0131a7 rgb(1,49,167)
```
#0137ba
```
#0137ba rgb(1,55,186)
```
#013dce
```
#013dce rgb(1,61,206)
```
#0142e1
```
#0142e1 rgb(1,66,225)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```

Shade Color Variation

#0c52fe
```
#0c52fe rgb(12,82,254)
```
#1f60fe
```
#1f60fe rgb(31,96,254)
```
#336efe
```
#336efe rgb(51,110,254)
```
#467cfe
```
#467cfe rgb(70,124,254)
```
#5a8afe
```
#5a8afe rgb(90,138,254)
```
#6d98fe
```
#6d98fe rgb(109,152,254)
```
#81a5fe
```
#81a5fe rgb(129,165,254)
```
#94b3ff
```
#94b3ff rgb(148,179,255)
```
#a8c1ff
```
#a8c1ff rgb(168,193,255)
```
#bbcfff
```
#bbcfff rgb(187,207,255)
```
#cfddff
```
#cfddff rgb(207,221,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 #0148f5 is the most saturated one.

#737783
```
#737783 rgb(115,119,131)
```
#69748d
```
#69748d rgb(105,116,141)
```
#607096
```
#607096 rgb(96,112,150)
```
#566ca0
```
#566ca0 rgb(86,108,160)
```
#4d68a9
```
#4d68a9 rgb(77,104,169)
```
#4364b3
```
#4364b3 rgb(67,100,179)
```
#3a60bc
```
#3a60bc rgb(58,96,188)
```
#305cc6
```
#305cc6 rgb(48,92,198)
```
#2758cf
```
#2758cf rgb(39,88,207)
```
#1d54d9
```
#1d54d9 rgb(29,84,217)
```
#1450e2
```
#1450e2 rgb(20,80,226)
```
#0a4cec
```
#0a4cec rgb(10,76,236)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#384669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#0059d4 Protanomaly 1% of men, 0.01% of women
#005dc3 Deuteranomaly 6% of men, 0.4% of women
#0061a4 Tritanomaly 0.01% of the population

#0148f5 hex color

#0148f5 Color Information

#0148f5 Color Conversion

Color Schemes with #0148f5

Alternatives to #0148f5

#0148f5 Preview

Shades and Tints of #0148f5

Tones of #0148f5

Color Blindness Simulator