#048bd5 hex color

In a RGB color space, hex #048bd5 is composed of 1.6% red, 54.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 34.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 201.2 degrees, a saturation of 96.3% and a lightness of 42.5%. #048bd5 color hex could be obtained by blending #08ffff with #0017ab. Closest websafe color is: #0099cc.

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

● #048bd5 color description : Strong blue.

The hexadecimal color #048bd5 has RGB values of R:4, G:139, B:213 and CMYK values of C:0.98, M:0.35, Y:0, K:0.16. Its decimal value is 297941.

Hex triplet	048bd5	`#048bd5`
RGB Decimal	4, 139, 213	`rgb(4,139,213)`
RGB Percent	1.6, 54.5, 83.5	`rgb(1.6%,54.5%,83.5%)`
CMYK	98, 35, 0, 16
HSL	201.2°, 96.3, 42.5	`hsl(201.2,96.3%,42.5%)`
HSV (or HSB)	201.2°, 98.1, 83.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.373, -3.986, -46.479
XYZ	21.29, 23.293, 66.321
xyY	0.192, 0.21, 23.293
CIE-LCH	55.373, 46.649, 265.099
CIE-LUV	55.373, -34.801, -72.218
Hunter-Lab	48.263, -5.719, -47.69
Binary	00000100, 10001011, 11010101

#048bd5
```
#048bd5 rgb(4,139,213)
```
#d54e04
```
#d54e04 rgb(213,78,4)
```

Complementary Color

#04d5b7
```
#04d5b7 rgb(4,213,183)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```
#0423d5
```
#0423d5 rgb(4,35,213)
```

Analogous Color

#d5b704
```
#d5b704 rgb(213,183,4)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```
#d50423
```
#d50423 rgb(213,4,35)
```

Split Complementary Color

#8bd504
```
#8bd504 rgb(139,213,4)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```
#d5048b
```
#d5048b rgb(213,4,139)
```

Triadic Color

#04d54e
```
#04d54e rgb(4,213,78)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```
#d5048b
```
#d5048b rgb(213,4,139)
```
#d54e04
```
#d54e04 rgb(213,78,4)
```

Tetradic Color

#035a8a
```
#035a8a rgb(3,90,138)
```
#036aa3
```
#036aa3 rgb(3,106,163)
```
#047bbc
```
#047bbc rgb(4,123,188)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```
#049bee
```
#049bee rgb(4,155,238)
```
#11a8fb
```
#11a8fb rgb(17,168,251)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```

Monochromatic Color

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

#04bfd5
```
#04bfd5 rgb(4,191,213)
```
#04aed5
```
#04aed5 rgb(4,174,213)
```
#049cd5
```
#049cd5 rgb(4,156,213)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```
#047ad5
```
#047ad5 rgb(4,122,213)
```
#0468d5
```
#0468d5 rgb(4,104,213)
```
#0457d5
```
#0457d5 rgb(4,87,213)
```

Similar Colors

Text with hexadecimal color #048bd5

This text has a font color of #048bd5.

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

#048bd5 background color

This paragraph has a background color of #048bd5.

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

#048bd5 border color

This element has a border color of #048bd5.

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

CSS codes

.text {color:#048bd5;}

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

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

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, #000101 is the darkest color, while #edf8ff is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#000d14
```
#000d14 rgb(0,13,20)
```
#011a28
```
#011a28 rgb(1,26,40)
```
#01263b
```
#01263b rgb(1,38,59)
```
#01334e
```
#01334e rgb(1,51,78)
```
#024061
```
#024061 rgb(2,64,97)
```
#024c75
```
#024c75 rgb(2,76,117)
```
#035988
```
#035988 rgb(3,89,136)
```
#03659b
```
#03659b rgb(3,101,155)
```
#0372ae
```
#0372ae rgb(3,114,174)
```
#047ec2
```
#047ec2 rgb(4,126,194)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```
#0498e8
```
#0498e8 rgb(4,152,232)
```

Shade Color Variation

#06a4fa
```
#06a4fa rgb(6,164,250)
```
#19abfb
```
#19abfb rgb(25,171,251)
```
#2cb2fb
```
#2cb2fb rgb(44,178,251)
```
#40b9fb
```
#40b9fb rgb(64,185,251)
```
#53c0fc
```
#53c0fc rgb(83,192,252)
```
#66c7fc
```
#66c7fc rgb(102,199,252)
```
#79cefc
```
#79cefc rgb(121,206,252)
```
#8dd5fd
```
#8dd5fd rgb(141,213,253)
```
#a0dcfd
```
#a0dcfd rgb(160,220,253)
```
#b3e3fe
```
#b3e3fe rgb(179,227,254)
```
#c6eafe
```
#c6eafe rgb(198,234,254)
```
#daf1fe
```
#daf1fe rgb(218,241,254)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

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

#686e71
```
#686e71 rgb(104,110,113)
```
#607079
```
#607079 rgb(96,112,121)
```
#577382
```
#577382 rgb(87,115,130)
```
#4f758a
```
#4f758a rgb(79,117,138)
```
#477892
```
#477892 rgb(71,120,146)
```
#3e7a9b
```
#3e7a9b rgb(62,122,155)
```
#367ca3
```
#367ca3 rgb(54,124,163)
```
#2e7fab
```
#2e7fab rgb(46,127,171)
```
#2581b4
```
#2581b4 rgb(37,129,180)
```
#1d84bc
```
#1d84bc rgb(29,132,188)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#0c89cd
```
#0c89cd rgb(12,137,205)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#567180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e88d0 Protanopia 1% of men
#548bd9 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4789d2 Protanomaly 1% of men, 0.01% of women
#378bd7 Deuteranomaly 6% of men, 0.4% of women
#0193b4 Tritanomaly 0.01% of the population

#048bd5 hex color

#048bd5 Color Information

#048bd5 Color Conversion

Color Schemes with #048bd5

Alternatives to #048bd5

#048bd5 Preview

Shades and Tints of #048bd5

Tones of #048bd5

Color Blindness Simulator