#048cbf hex color

In a RGB color space, hex #048cbf is composed of 1.6% red, 54.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 26.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.4 degrees, a saturation of 95.9% and a lightness of 38.2%. #048cbf color hex could be obtained by blending #08ffff with #00197f. 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

● #048cbf color description : Strong blue.

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

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

CIE-LAB	54.597, -12.82, -35.256
XYZ	18.83, 22.542, 52.646
xyY	0.2, 0.24, 22.542
CIE-LCH	54.597, 37.515, 250.017
CIE-LUV	54.597, -36.595, -52.751
Hunter-Lab	47.478, -12.294, -32.509
Binary	00000100, 10001100, 10111111

#048cbf
```
#048cbf rgb(4,140,191)
```
#bf3704
```
#bf3704 rgb(191,55,4)
```

Complementary Color

#04bf95
```
#04bf95 rgb(4,191,149)
```
#048cbf
```
#048cbf rgb(4,140,191)
```
#042fbf
```
#042fbf rgb(4,47,191)
```

Analogous Color

#bf9504
```
#bf9504 rgb(191,149,4)
```
#048cbf
```
#048cbf rgb(4,140,191)
```
#bf042e
```
#bf042e rgb(191,4,46)
```

Split Complementary Color

#8cbf04
```
#8cbf04 rgb(140,191,4)
```
#048cbf
```
#048cbf rgb(4,140,191)
```
#bf048c
```
#bf048c rgb(191,4,140)
```

Triadic Color

#04bf37
```
#04bf37 rgb(4,191,55)
```
#048cbf
```
#048cbf rgb(4,140,191)
```
#bf048c
```
#bf048c rgb(191,4,140)
```
#bf3704
```
#bf3704 rgb(191,55,4)
```

Tetradic Color

#025574
```
#025574 rgb(2,85,116)
```
#03678d
```
#03678d rgb(3,103,141)
```
#037aa6
```
#037aa6 rgb(3,122,166)
```
#048cbf
```
#048cbf rgb(4,140,191)
```
#059ed8
```
#059ed8 rgb(5,158,216)
```
#05b1f1
```
#05b1f1 rgb(5,177,241)
```
#15bcfa
```
#15bcfa rgb(21,188,250)
```

Monochromatic Color

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

#04bbbf
```
#04bbbf rgb(4,187,191)
```
#04abbf
```
#04abbf rgb(4,171,191)
```
#049cbf
```
#049cbf rgb(4,156,191)
```
#048cbf
```
#048cbf rgb(4,140,191)
```
#047cbf
```
#047cbf rgb(4,124,191)
```
#046dbf
```
#046dbf rgb(4,109,191)
```
#045dbf
```
#045dbf rgb(4,93,191)
```

Similar Colors

Text with hexadecimal color #048cbf

This text has a font color of #048cbf.

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

#048cbf background color

This paragraph has a background color of #048cbf.

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

#048cbf border color

This element has a border color of #048cbf.

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

CSS codes

.text {color:#048cbf;}

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

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

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)
```
#02384c
```
#02384c rgb(2,56,76)
```
#02465f
```
#02465f rgb(2,70,95)
```
#025472
```
#025472 rgb(2,84,114)
```
#036285
```
#036285 rgb(3,98,133)
```
#037099
```
#037099 rgb(3,112,153)
```
#047eac
```
#047eac rgb(4,126,172)
```
#048cbf
```
#048cbf rgb(4,140,191)
```
#049ad2
```
#049ad2 rgb(4,154,210)
```
#05a8e5
```
#05a8e5 rgb(5,168,229)
```
#05b6f9
```
#05b6f9 rgb(5,182,249)
```

Shade Color Variation

#17bcfa
```
#17bcfa rgb(23,188,250)
```
#2bc2fb
```
#2bc2fb rgb(43,194,251)
```
#3ec7fb
```
#3ec7fb rgb(62,199,251)
```
#51cdfb
```
#51cdfb rgb(81,205,251)
```
#64d2fc
```
#64d2fc rgb(100,210,252)
```
#77d8fc
```
#77d8fc rgb(119,216,252)
```
#8bddfd
```
#8bddfd rgb(139,221,253)
```
#9ee3fd
```
#9ee3fd rgb(158,227,253)
```
#b1e9fd
```
#b1e9fd rgb(177,233,253)
```
#c4eefe
```
#c4eefe rgb(196,238,254)
```
#d7f4fe
```
#d7f4fe rgb(215,244,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 #048cbf is the most saturated one.

#5e6365
```
#5e6365 rgb(94,99,101)
```
#57676d
```
#57676d rgb(87,103,109)
```
#4f6a74
```
#4f6a74 rgb(79,106,116)
```
#486d7c
```
#486d7c rgb(72,109,124)
```
#407183
```
#407183 rgb(64,113,131)
```
#39748b
```
#39748b rgb(57,116,139)
```
#317892
```
#317892 rgb(49,120,146)
```
#2a7b9a
```
#2a7b9a rgb(42,123,154)
```
#227ea1
```
#227ea1 rgb(34,126,161)
```
#1b82a9
```
#1b82a9 rgb(27,130,169)
```
#1385b0
```
#1385b0 rgb(19,133,176)
```
#0c89b8
```
#0c89b8 rgb(12,137,184)
```
#048cbf
```
#048cbf rgb(4,140,191)
```

Tone Color Variation

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

#7887ba Protanopia 1% of men
#6a88c6 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#4d89bc Protanomaly 1% of men, 0.01% of women
#4589c3 Deuteranomaly 6% of men, 0.4% of women
#0192ab Tritanomaly 0.01% of the population

#048cbf hex color

#048cbf Color Information

#048cbf Color Conversion

Color Schemes with #048cbf

Alternatives to #048cbf

#048cbf Preview

Shades and Tints of #048cbf

Tones of #048cbf

Color Blindness Simulator