#048bbf hex color

In a RGB color space, hex #048bbf is composed of 1.6% red, 54.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 27.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.7 degrees, a saturation of 95.9% and a lightness of 38.2%. #048bbf color hex could be obtained by blending #08ffff with #00177f. Closest websafe color is: #0099cc.

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

● #048bbf color description : Strong blue.

The hexadecimal color #048bbf has RGB values of R:4, G:139, B:191 and CMYK values of C:0.98, M:0.27, Y:0, K:0.25. Its decimal value is 297919.

Hex triplet	048bbf	`#048bbf`
RGB Decimal	4, 139, 191	`rgb(4,139,191)`
RGB Percent	1.6, 54.5, 74.9	`rgb(1.6%,54.5%,74.9%)`
CMYK	98, 27, 0, 25
HSL	196.7°, 95.9, 38.2	`hsl(196.7,95.9%,38.2%)`
HSV (or HSB)	196.7°, 97.9, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.292, -12.258, -35.734
XYZ	18.684, 22.251, 52.597
xyY	0.2, 0.238, 22.251
CIE-LCH	54.292, 37.778, 251.066
CIE-LUV	54.292, -36.253, -53.541
Hunter-Lab	47.171, -11.845, -33.091
Binary	00000100, 10001011, 10111111

#048bbf
```
#048bbf rgb(4,139,191)
```
#bf3804
```
#bf3804 rgb(191,56,4)
```

Complementary Color

#04bf96
```
#04bf96 rgb(4,191,150)
```
#048bbf
```
#048bbf rgb(4,139,191)
```
#042ebf
```
#042ebf rgb(4,46,191)
```

Analogous Color

#bf9604
```
#bf9604 rgb(191,150,4)
```
#048bbf
```
#048bbf rgb(4,139,191)
```
#bf042e
```
#bf042e rgb(191,4,46)
```

Split Complementary Color

#8bbf04
```
#8bbf04 rgb(139,191,4)
```
#048bbf
```
#048bbf rgb(4,139,191)
```
#bf048b
```
#bf048b rgb(191,4,139)
```

Triadic Color

#04bf38
```
#04bf38 rgb(4,191,56)
```
#048bbf
```
#048bbf rgb(4,139,191)
```
#bf048b
```
#bf048b rgb(191,4,139)
```
#bf3804
```
#bf3804 rgb(191,56,4)
```

Tetradic Color

#025474
```
#025474 rgb(2,84,116)
```
#03678d
```
#03678d rgb(3,103,141)
```
#0379a6
```
#0379a6 rgb(3,121,166)
```
#048bbf
```
#048bbf rgb(4,139,191)
```
#059dd8
```
#059dd8 rgb(5,157,216)
```
#05aff1
```
#05aff1 rgb(5,175,241)
```
#15bbfa
```
#15bbfa rgb(21,187,250)
```

Monochromatic Color

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

#04babf
```
#04babf rgb(4,186,191)
```
#04aabf
```
#04aabf rgb(4,170,191)
```
#049bbf
```
#049bbf rgb(4,155,191)
```
#048bbf
```
#048bbf rgb(4,139,191)
```
#047bbf
```
#047bbf rgb(4,123,191)
```
#046cbf
```
#046cbf rgb(4,108,191)
```
#045cbf
```
#045cbf rgb(4,92,191)
```

Similar Colors

Text with hexadecimal color #048bbf

This text has a font color of #048bbf.

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

#048bbf background color

This paragraph has a background color of #048bbf.

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

#048bbf border color

This element has a border color of #048bbf.

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

CSS codes

.text {color:#048bbf;}

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

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

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

#000d12
```
#000d12 rgb(0,13,18)
```
#011b25
```
#011b25 rgb(1,27,37)
```
#012939
```
#012939 rgb(1,41,57)
```
#02374c
```
#02374c rgb(2,55,76)
```
#02455f
```
#02455f rgb(2,69,95)
```
#025372
```
#025372 rgb(2,83,114)
```
#036185
```
#036185 rgb(3,97,133)
```
#036f99
```
#036f99 rgb(3,111,153)
```
#047dac
```
#047dac rgb(4,125,172)
```
#048bbf
```
#048bbf rgb(4,139,191)
```
#0499d2
```
#0499d2 rgb(4,153,210)
```
#05a7e5
```
#05a7e5 rgb(5,167,229)
```
#05b5f9
```
#05b5f9 rgb(5,181,249)
```

Shade Color Variation

#17bbfa
```
#17bbfa rgb(23,187,250)
```
#2bc1fb
```
#2bc1fb rgb(43,193,251)
```
#3ec6fb
```
#3ec6fb rgb(62,198,251)
```
#51ccfb
```
#51ccfb rgb(81,204,251)
```
#64d2fc
```
#64d2fc rgb(100,210,252)
```
#77d7fc
```
#77d7fc rgb(119,215,252)
```
#8bddfd
```
#8bddfd rgb(139,221,253)
```
#9ee3fd
```
#9ee3fd rgb(158,227,253)
```
#b1e8fd
```
#b1e8fd rgb(177,232,253)
```
#c4eefe
```
#c4eefe rgb(196,238,254)
```
#d7f3fe
```
#d7f3fe rgb(215,243,254)
```
#ebf9ff
```
#ebf9ff rgb(235,249,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5e6365
```
#5e6365 rgb(94,99,101)
```
#57666d
```
#57666d rgb(87,102,109)
```
#4f6a74
```
#4f6a74 rgb(79,106,116)
```
#486d7c
```
#486d7c rgb(72,109,124)
```
#407083
```
#407083 rgb(64,112,131)
```
#39748b
```
#39748b rgb(57,116,139)
```
#317792
```
#317792 rgb(49,119,146)
```
#2a7a9a
```
#2a7a9a rgb(42,122,154)
```
#227ea1
```
#227ea1 rgb(34,126,161)
```
#1b81a9
```
#1b81a9 rgb(27,129,169)
```
#1384b0
```
#1384b0 rgb(19,132,176)
```
#0c88b8
```
#0c88b8 rgb(12,136,184)
```
#048bbf
```
#048bbf rgb(4,139,191)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#55707a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7686ba Protanopia 1% of men
#6887c6 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#4d88bc Protanomaly 1% of men, 0.01% of women
#4489c3 Deuteranomaly 6% of men, 0.4% of women
#0191ab Tritanomaly 0.01% of the population

#048bbf hex color

#048bbf Color Information

#048bbf Color Conversion

Color Schemes with #048bbf

Alternatives to #048bbf

#048bbf Preview

Shades and Tints of #048bbf

Tones of #048bbf

Color Blindness Simulator