#048bfb hex color

In a RGB color space, hex #048bfb is composed of 1.6% red, 54.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 44.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 207.2 degrees, a saturation of 96.9% and a lightness of 50%. #048bfb color hex could be obtained by blending #08ffff with #0017f7. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 55
- B 98
RGB color chart
- C 98
- M 45
- Y 0
- K 2
CMYK color chart

● #048bfb color description : Vivid blue.

The hexadecimal color #048bfb has RGB values of R:4, G:139, B:251 and CMYK values of C:0.98, M:0.45, Y:0, K:0.02. Its decimal value is 297979.

Hex triplet	048bfb	`#048bfb`
RGB Decimal	4, 139, 251	`rgb(4,139,251)`
RGB Percent	1.6, 54.5, 98.4	`rgb(1.6%,54.5%,98.4%)`
CMYK	98, 45, 0, 2
HSL	207.2°, 96.9, 50	`hsl(207.2,96.9%,50%)`
HSV (or HSB)	207.2°, 98.4, 98.4
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.515, 10.552, -64.205
XYZ	26.691, 25.454, 94.768
xyY	0.182, 0.173, 25.454
CIE-LCH	57.515, 65.066, 279.333
CIE-LUV	57.515, -32.699, -102.938
Hunter-Lab	50.452, 6.145, -76.054
Binary	00000100, 10001011, 11111011

#048bfb
```
#048bfb rgb(4,139,251)
```
#fb7404
```
#fb7404 rgb(251,116,4)
```

Complementary Color

#04fbf0
```
#04fbf0 rgb(4,251,240)
```
#048bfb
```
#048bfb rgb(4,139,251)
```
#0410fb
```
#0410fb rgb(4,16,251)
```

Analogous Color

#fbf004
```
#fbf004 rgb(251,240,4)
```
#048bfb
```
#048bfb rgb(4,139,251)
```
#fb0410
```
#fb0410 rgb(251,4,16)
```

Split Complementary Color

#8bfb04
```
#8bfb04 rgb(139,251,4)
```
#048bfb
```
#048bfb rgb(4,139,251)
```
#fb048b
```
#fb048b rgb(251,4,139)
```

Triadic Color

#04fb74
```
#04fb74 rgb(4,251,116)
```
#048bfb
```
#048bfb rgb(4,139,251)
```
#fb048b
```
#fb048b rgb(251,4,139)
```
#fb7404
```
#fb7404 rgb(251,116,4)
```

Tetradic Color

#0361b0
```
#0361b0 rgb(3,97,176)
```
#036fc9
```
#036fc9 rgb(3,111,201)
```
#047de2
```
#047de2 rgb(4,125,226)
```
#048bfb
```
#048bfb rgb(4,139,251)
```
#1d97fb
```
#1d97fb rgb(29,151,251)
```
#36a2fc
```
#36a2fc rgb(54,162,252)
```
#4faefc
```
#4faefc rgb(79,174,252)
```

Monochromatic Color

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

#04c9fb
```
#04c9fb rgb(4,201,251)
```
#04b4fb
```
#04b4fb rgb(4,180,251)
```
#04a0fb
```
#04a0fb rgb(4,160,251)
```
#048bfb
```
#048bfb rgb(4,139,251)
```
#0476fb
```
#0476fb rgb(4,118,251)
```
#0462fb
```
#0462fb rgb(4,98,251)
```
#044dfb
```
#044dfb rgb(4,77,251)
```

Similar Colors

Text with hexadecimal color #048bfb

This text has a font color of #048bfb.

<span style="color:#048bfb;">Text here</span>

#048bfb background color

This paragraph has a background color of #048bfb.

<p style="background-color:#048bfb;">Content here</p>

#048bfb border color

This element has a border color of #048bfb.

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

CSS codes

.text {color:#048bfb;}

.background {background-color:#048bfb;}

.border {border:1px solid #048bfb;}

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, #000b13 is the darkest color, while #ffffff is the lightest one.

#000b13
```
#000b13 rgb(0,11,19)
```
#011527
```
#011527 rgb(1,21,39)
```
#01203a
```
#01203a rgb(1,32,58)
```
#012b4d
```
#012b4d rgb(1,43,77)
```
#023561
```
#023561 rgb(2,53,97)
```
#024074
```
#024074 rgb(2,64,116)
```
#024b87
```
#024b87 rgb(2,75,135)
```
#02569a
```
#02569a rgb(2,86,154)
```
#0360ae
```
#0360ae rgb(3,96,174)
```
#036bc1
```
#036bc1 rgb(3,107,193)
```
#0376d4
```
#0376d4 rgb(3,118,212)
```
#0480e8
```
#0480e8 rgb(4,128,232)
```
#048bfb
```
#048bfb rgb(4,139,251)
```

Shade Color Variation

#1794fb
```
#1794fb rgb(23,148,251)
```
#2b9dfc
```
#2b9dfc rgb(43,157,252)
```
#3ea6fc
```
#3ea6fc rgb(62,166,252)
```
#51affc
```
#51affc rgb(81,175,252)
```
#65b8fd
```
#65b8fd rgb(101,184,253)
```
#78c1fd
```
#78c1fd rgb(120,193,253)
```
#8bc9fd
```
#8bc9fd rgb(139,201,253)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#b2dbfe
```
#b2dbfe rgb(178,219,254)
```
#c5e4fe
```
#c5e4fe rgb(197,228,254)
```
#d8edfe
```
#d8edfe rgb(216,237,254)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8085 is the less saturated color, while #048bfb is the most saturated one.

#7a8085
```
#7a8085 rgb(122,128,133)
```
#70818f
```
#70818f rgb(112,129,143)
```
#668299
```
#668299 rgb(102,130,153)
```
#5c83a3
```
#5c83a3 rgb(92,131,163)
```
#5284ad
```
#5284ad rgb(82,132,173)
```
#4985b6
```
#4985b6 rgb(73,133,182)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#3586ca
```
#3586ca rgb(53,134,202)
```
#2b87d4
```
#2b87d4 rgb(43,135,212)
```
#2188de
```
#2188de rgb(33,136,222)
```
#1889e7
```
#1889e7 rgb(24,137,231)
```
#0e8af1
```
#0e8af1 rgb(14,138,241)
```
#048bfb
```
#048bfb rgb(4,139,251)
```

Tone Color Variation

Below, you can see how #048bfb 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

#6f6f6f Achromatopsia 0.005% of the population
#5a758b Atypical Achromatopsia 0.001% of the population

Dichromacy

#568cf7 Protanopia 1% of men
#0092f3 Deuteranopia 1% of men
#009ea7 Tritanopia 0.001% of the population

Trichromacy

#388cf8 Protanomaly 1% of men, 0.01% of women
#018ff6 Deuteranomaly 6% of men, 0.4% of women
#0197c5 Tritanomaly 0.01% of the population

#048bfb hex color

#048bfb Color Information

#048bfb Color Conversion

Color Schemes with #048bfb

Alternatives to #048bfb

#048bfb Preview

Shades and Tints of #048bfb

Tones of #048bfb

Color Blindness Simulator