#0148f6 hex color

In a RGB color space, hex #0148f6 is composed of 0.4% red, 28.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 70.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.6 degrees, a saturation of 99.2% and a lightness of 48.4%. #0148f6 color hex could be obtained by blending #0290ff with #0000ed. 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

● #0148f6 color description : Vivid blue.

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

Hex triplet	0148f6	`#0148f6`
RGB Decimal	1, 72, 246	`rgb(1,72,246)`
RGB Percent	0.4, 28.2, 96.5	`rgb(0.4%,28.2%,96.5%)`
CMYK	100, 71, 0, 4
HSL	222.6°, 99.2, 48.4	`hsl(222.6,99.2%,48.4%)`
HSV (or HSB)	222.6°, 99.6, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.07, 50.471, -89.88
XYZ	18.961, 11.293, 88.364
xyY	0.16, 0.095, 11.293
CIE-LCH	40.07, 103.081, 299.316
CIE-LUV	40.07, -15.93, -127.201
Hunter-Lab	33.606, 41.903, -132.376
Binary	00000001, 01001000, 11110110

#0148f6
```
#0148f6 rgb(1,72,246)
```
#f6af01
```
#f6af01 rgb(246,175,1)
```

Complementary Color

#01c3f6
```
#01c3f6 rgb(1,195,246)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```
#3401f6
```
#3401f6 rgb(52,1,246)
```

Analogous Color

#c3f601
```
#c3f601 rgb(195,246,1)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```
#f63401
```
#f63401 rgb(246,52,1)
```

Split Complementary Color

#48f601
```
#48f601 rgb(72,246,1)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```
#f60148
```
#f60148 rgb(246,1,72)
```

Triadic Color

#01f6af
```
#01f6af rgb(1,246,175)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```
#f60148
```
#f60148 rgb(246,1,72)
```
#f6af01
```
#f6af01 rgb(246,175,1)
```

Tetradic Color

#0132aa
```
#0132aa rgb(1,50,170)
```
#0139c3
```
#0139c3 rgb(1,57,195)
```
#0141dd
```
#0141dd rgb(1,65,221)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```
#1257fe
```
#1257fe rgb(18,87,254)
```
#2c69fe
```
#2c69fe rgb(44,105,254)
```
#457bfe
```
#457bfe rgb(69,123,254)
```

Monochromatic Color

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

#0185f6
```
#0185f6 rgb(1,133,246)
```
#0171f6
```
#0171f6 rgb(1,113,246)
```
#015cf6
```
#015cf6 rgb(1,92,246)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```
#0134f6
```
#0134f6 rgb(1,52,246)
```
#011ff6
```
#011ff6 rgb(1,31,246)
```
#010bf6
```
#010bf6 rgb(1,11,246)
```

Similar Colors

Text with hexadecimal color #0148f6

This text has a font color of #0148f6.

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

#0148f6 background color

This paragraph has a background color of #0148f6.

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

#0148f6 border color

This element has a border color of #0148f6.

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

CSS codes

.text {color:#0148f6;}

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

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

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

#00030c
```
#00030c rgb(0,3,12)
```
#00091f
```
#00091f rgb(0,9,31)
```
#000f33
```
#000f33 rgb(0,15,51)
```
#001546
```
#001546 rgb(0,21,70)
```
#001a5a
```
#001a5a rgb(0,26,90)
```
#00206d
```
#00206d rgb(0,32,109)
```
#012681
```
#012681 rgb(1,38,129)
```
#012b94
```
#012b94 rgb(1,43,148)
```
#0131a8
```
#0131a8 rgb(1,49,168)
```
#0137bb
```
#0137bb rgb(1,55,187)
```
#013dcf
```
#013dcf rgb(1,61,207)
```
#0142e2
```
#0142e2 rgb(1,66,226)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```

Shade Color Variation

#0d53fe
```
#0d53fe rgb(13,83,254)
```
#2060fe
```
#2060fe rgb(32,96,254)
```
#346efe
```
#346efe rgb(52,110,254)
```
#477cfe
```
#477cfe rgb(71,124,254)
```
#5b8afe
```
#5b8afe rgb(91,138,254)
```
#6e98fe
```
#6e98fe rgb(110,152,254)
```
#82a6fe
```
#82a6fe rgb(130,166,254)
```
#95b4ff
```
#95b4ff rgb(149,180,255)
```
#a9c2ff
```
#a9c2ff rgb(169,194,255)
```
#bcd0ff
```
#bcd0ff rgb(188,208,255)
```
#d0deff
```
#d0deff rgb(208,222,255)
```
#e3ebff
```
#e3ebff rgb(227,235,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#737884
```
#737884 rgb(115,120,132)
```
#6a748e
```
#6a748e rgb(106,116,142)
```
#607097
```
#607097 rgb(96,112,151)
```
#576ca1
```
#576ca1 rgb(87,108,161)
```
#4d68aa
```
#4d68aa rgb(77,104,170)
```
#4464b4
```
#4464b4 rgb(68,100,180)
```
#3a60bd
```
#3a60bd rgb(58,96,189)
```
#315cc7
```
#315cc7 rgb(49,92,199)
```
#2758d0
```
#2758d0 rgb(39,88,208)
```
#1e54da
```
#1e54da rgb(30,84,218)
```
#1450e3
```
#1450e3 rgb(20,80,227)
```
#0b4ced
```
#0b4ced rgb(11,76,237)
```
#0148f6
```
#0148f6 rgb(1,72,246)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#39476a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#0059d5 Protanomaly 1% of men, 0.01% of women
#005dc4 Deuteranomaly 6% of men, 0.4% of women
#0062a4 Tritanomaly 0.01% of the population

#0148f6 hex color

#0148f6 Color Information

#0148f6 Color Conversion

Color Schemes with #0148f6

Alternatives to #0148f6

#0148f6 Preview

Shades and Tints of #0148f6

Tones of #0148f6

Color Blindness Simulator