#048afb hex color

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

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

● #048afb color description : Vivid blue.

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

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

CIE-LAB	57.236, 11.163, -64.653
XYZ	26.547, 25.165, 94.72
xyY	0.181, 0.172, 25.165
CIE-LCH	57.236, 65.61, 279.796
CIE-LUV	57.236, -32.395, -103.595
Hunter-Lab	50.165, 6.672, -76.833
Binary	00000100, 10001010, 11111011

#048afb
```
#048afb rgb(4,138,251)
```
#fb7504
```
#fb7504 rgb(251,117,4)
```

Complementary Color

#04fbf1
```
#04fbf1 rgb(4,251,241)
```
#048afb
```
#048afb rgb(4,138,251)
```
#040efb
```
#040efb rgb(4,14,251)
```

Analogous Color

#fbf104
```
#fbf104 rgb(251,241,4)
```
#048afb
```
#048afb rgb(4,138,251)
```
#fb040f
```
#fb040f rgb(251,4,15)
```

Split Complementary Color

#8afb04
```
#8afb04 rgb(138,251,4)
```
#048afb
```
#048afb rgb(4,138,251)
```
#fb048a
```
#fb048a rgb(251,4,138)
```

Triadic Color

#04fb75
```
#04fb75 rgb(4,251,117)
```
#048afb
```
#048afb rgb(4,138,251)
```
#fb048a
```
#fb048a rgb(251,4,138)
```
#fb7504
```
#fb7504 rgb(251,117,4)
```

Tetradic Color

#0361b0
```
#0361b0 rgb(3,97,176)
```
#036ec9
```
#036ec9 rgb(3,110,201)
```
#047ce2
```
#047ce2 rgb(4,124,226)
```
#048afb
```
#048afb rgb(4,138,251)
```
#1d96fb
```
#1d96fb rgb(29,150,251)
```
#36a1fc
```
#36a1fc rgb(54,161,252)
```
#4fadfc
```
#4fadfc rgb(79,173,252)
```

Monochromatic Color

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

#04c8fb
```
#04c8fb rgb(4,200,251)
```
#04b3fb
```
#04b3fb rgb(4,179,251)
```
#049ffb
```
#049ffb rgb(4,159,251)
```
#048afb
```
#048afb rgb(4,138,251)
```
#0475fb
```
#0475fb rgb(4,117,251)
```
#0461fb
```
#0461fb rgb(4,97,251)
```
#044cfb
```
#044cfb rgb(4,76,251)
```

Similar Colors

Text with hexadecimal color #048afb

This text has a font color of #048afb.

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

#048afb background color

This paragraph has a background color of #048afb.

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

#048afb border color

This element has a border color of #048afb.

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

CSS codes

.text {color:#048afb;}

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

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

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)
```
#012a4d
```
#012a4d rgb(1,42,77)
```
#023561
```
#023561 rgb(2,53,97)
```
#024074
```
#024074 rgb(2,64,116)
```
#024a87
```
#024a87 rgb(2,74,135)
```
#02559a
```
#02559a rgb(2,85,154)
```
#0360ae
```
#0360ae rgb(3,96,174)
```
#036ac1
```
#036ac1 rgb(3,106,193)
```
#0375d4
```
#0375d4 rgb(3,117,212)
```
#047fe8
```
#047fe8 rgb(4,127,232)
```
#048afb
```
#048afb rgb(4,138,251)
```

Shade Color Variation

#1793fb
```
#1793fb rgb(23,147,251)
```
#2b9cfc
```
#2b9cfc rgb(43,156,252)
```
#3ea5fc
```
#3ea5fc rgb(62,165,252)
```
#51aefc
```
#51aefc rgb(81,174,252)
```
#65b7fd
```
#65b7fd rgb(101,183,253)
```
#78c0fd
```
#78c0fd rgb(120,192,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 #048afb is the most saturated one.

#7a8085
```
#7a8085 rgb(122,128,133)
```
#70818f
```
#70818f rgb(112,129,143)
```
#668299
```
#668299 rgb(102,130,153)
```
#5c82a3
```
#5c82a3 rgb(92,130,163)
```
#5283ad
```
#5283ad rgb(82,131,173)
```
#4984b6
```
#4984b6 rgb(73,132,182)
```
#3f85c0
```
#3f85c0 rgb(63,133,192)
```
#3586ca
```
#3586ca rgb(53,134,202)
```
#2b87d4
```
#2b87d4 rgb(43,135,212)
```
#2187de
```
#2187de rgb(33,135,222)
```
#1888e7
```
#1888e7 rgb(24,136,231)
```
#0e89f1
```
#0e89f1 rgb(14,137,241)
```
#048afb
```
#048afb rgb(4,138,251)
```

Tone Color Variation

Below, you can see how #048afb 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
#5a748b Atypical Achromatopsia 0.001% of the population

Dichromacy

#548bf7 Protanopia 1% of men
#0092f2 Deuteranopia 1% of men
#009da6 Tritanopia 0.001% of the population

Trichromacy

#368bf8 Protanomaly 1% of men, 0.01% of women
#018ff5 Deuteranomaly 6% of men, 0.4% of women
#0196c5 Tritanomaly 0.01% of the population

#048afb hex color

#048afb Color Information

#048afb Color Conversion

Color Schemes with #048afb

Alternatives to #048afb

#048afb Preview

Shades and Tints of #048afb

Tones of #048afb

Color Blindness Simulator