#048bde hex color

In a RGB color space, hex #048bde is composed of 1.6% red, 54.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 37.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 202.8 degrees, a saturation of 96.5% and a lightness of 44.3%. #048bde color hex could be obtained by blending #08ffff with #0017bd. Closest websafe color is: #0099cc.

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

● #048bde color description : Vivid blue.

The hexadecimal color #048bde has RGB values of R:4, G:139, B:222 and CMYK values of C:0.98, M:0.37, Y:0, K:0.13. Its decimal value is 297950.

Hex triplet	048bde	`#048bde`
RGB Decimal	4, 139, 222	`rgb(4,139,222)`
RGB Percent	1.6, 54.5, 87.1	`rgb(1.6%,54.5%,87.1%)`
CMYK	98, 37, 0, 13
HSL	202.8°, 96.5, 44.3	`hsl(202.8,96.5%,44.3%)`
HSV (or HSB)	202.8°, 98.2, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.85, -0.557, -50.771
XYZ	22.464, 23.763, 72.506
xyY	0.189, 0.2, 23.763
CIE-LCH	55.85, 50.774, 269.372
CIE-LUV	55.85, -34.255, -79.688
Hunter-Lab	48.747, -3.049, -54.064
Binary	00000100, 10001011, 11011110

#048bde
```
#048bde rgb(4,139,222)
```
#de5704
```
#de5704 rgb(222,87,4)
```

Complementary Color

#04dec4
```
#04dec4 rgb(4,222,196)
```
#048bde
```
#048bde rgb(4,139,222)
```
#041ede
```
#041ede rgb(4,30,222)
```

Analogous Color

#dec404
```
#dec404 rgb(222,196,4)
```
#048bde
```
#048bde rgb(4,139,222)
```
#de041e
```
#de041e rgb(222,4,30)
```

Split Complementary Color

#8bde04
```
#8bde04 rgb(139,222,4)
```
#048bde
```
#048bde rgb(4,139,222)
```
#de048b
```
#de048b rgb(222,4,139)
```

Triadic Color

#04de57
```
#04de57 rgb(4,222,87)
```
#048bde
```
#048bde rgb(4,139,222)
```
#de048b
```
#de048b rgb(222,4,139)
```
#de5704
```
#de5704 rgb(222,87,4)
```

Tetradic Color

#035c93
```
#035c93 rgb(3,92,147)
```
#036cac
```
#036cac rgb(3,108,172)
```
#047bc5
```
#047bc5 rgb(4,123,197)
```
#048bde
```
#048bde rgb(4,139,222)
```
#049bf7
```
#049bf7 rgb(4,155,247)
```
#1aa5fb
```
#1aa5fb rgb(26,165,251)
```
#33affb
```
#33affb rgb(51,175,251)
```

Monochromatic Color

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

#04c2de
```
#04c2de rgb(4,194,222)
```
#04afde
```
#04afde rgb(4,175,222)
```
#049dde
```
#049dde rgb(4,157,222)
```
#048bde
```
#048bde rgb(4,139,222)
```
#0479de
```
#0479de rgb(4,121,222)
```
#0467de
```
#0467de rgb(4,103,222)
```
#0455de
```
#0455de rgb(4,85,222)
```

Similar Colors

Text with hexadecimal color #048bde

This text has a font color of #048bde.

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

#048bde background color

This paragraph has a background color of #048bde.

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

#048bde border color

This element has a border color of #048bde.

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

CSS codes

.text {color:#048bde;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#01121d
```
#01121d rgb(1,18,29)
```
#011e31
```
#011e31 rgb(1,30,49)
```
#012a44
```
#012a44 rgb(1,42,68)
```
#023757
```
#023757 rgb(2,55,87)
```
#02436a
```
#02436a rgb(2,67,106)
```
#024f7e
```
#024f7e rgb(2,79,126)
```
#035b91
```
#035b91 rgb(3,91,145)
```
#0367a4
```
#0367a4 rgb(3,103,164)
```
#0373b7
```
#0373b7 rgb(3,115,183)
```
#047fcb
```
#047fcb rgb(4,127,203)
```
#048bde
```
#048bde rgb(4,139,222)
```
#0497f1
```
#0497f1 rgb(4,151,241)
```

Shade Color Variation

#0fa1fb
```
#0fa1fb rgb(15,161,251)
```
#22a8fb
```
#22a8fb rgb(34,168,251)
```
#35b0fb
```
#35b0fb rgb(53,176,251)
```
#48b7fc
```
#48b7fc rgb(72,183,252)
```
#5cbffc
```
#5cbffc rgb(92,191,252)
```
#6fc7fc
```
#6fc7fc rgb(111,199,252)
```
#82cefd
```
#82cefd rgb(130,206,253)
```
#95d6fd
```
#95d6fd rgb(149,214,253)
```
#a9ddfd
```
#a9ddfd rgb(169,221,253)
```
#bce5fe
```
#bce5fe rgb(188,229,254)
```
#cfecfe
```
#cfecfe rgb(207,236,254)
```
#e3f4fe
```
#e3f4fe rgb(227,244,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#6c7276
```
#6c7276 rgb(108,114,118)
```
#64747e
```
#64747e rgb(100,116,126)
```
#5b7687
```
#5b7687 rgb(91,118,135)
```
#527890
```
#527890 rgb(82,120,144)
```
#4a7a98
```
#4a7a98 rgb(74,122,152)
```
#417ca1
```
#417ca1 rgb(65,124,161)
```
#387faa
```
#387faa rgb(56,127,170)
```
#2f81b3
```
#2f81b3 rgb(47,129,179)
```
#2783bb
```
#2783bb rgb(39,131,187)
```
#1e85c4
```
#1e85c4 rgb(30,133,196)
```
#1587cd
```
#1587cd rgb(21,135,205)
```
#0d89d5
```
#0d89d5 rgb(13,137,213)
```
#048bde
```
#048bde rgb(4,139,222)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#577283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6989d9 Protanopia 1% of men
#488de1 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#448adb Protanomaly 1% of men, 0.01% of women
#2f8ce0 Deuteranomaly 6% of men, 0.4% of women
#0194b8 Tritanomaly 0.01% of the population

#048bde hex color

#048bde Color Information

#048bde Color Conversion

Color Schemes with #048bde

Alternatives to #048bde

#048bde Preview

Shades and Tints of #048bde

Tones of #048bde

Color Blindness Simulator