#048cc0 hex color

In a RGB color space, hex #048cc0 is composed of 1.6% red, 54.9% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 27.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 196.6 degrees, a saturation of 95.9% and a lightness of 38.4%. #048cc0 color hex could be obtained by blending #08ffff with #001981. 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

● #048cc0 color description : Strong blue.

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

Hex triplet	048cc0	`#048cc0`
RGB Decimal	4, 140, 192	`rgb(4,140,192)`
RGB Percent	1.6, 54.9, 75.3	`rgb(1.6%,54.9%,75.3%)`
CMYK	98, 27, 0, 25
HSL	196.6°, 95.9, 38.4	`hsl(196.6,95.9%,38.4%)`
HSV (or HSB)	196.6°, 97.9, 75.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.643, -12.45, -35.753
XYZ	18.94, 22.586, 53.228
xyY	0.2, 0.238, 22.586
CIE-LCH	54.643, 37.859, 250.8
CIE-LUV	54.643, -36.525, -53.611
Hunter-Lab	47.525, -12.03, -33.138
Binary	00000100, 10001100, 11000000

#048cc0
```
#048cc0 rgb(4,140,192)
```
#c03804
```
#c03804 rgb(192,56,4)
```

Complementary Color

#04c096
```
#04c096 rgb(4,192,150)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#042ec0
```
#042ec0 rgb(4,46,192)
```

Analogous Color

#c09604
```
#c09604 rgb(192,150,4)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#c0042e
```
#c0042e rgb(192,4,46)
```

Split Complementary Color

#8cc004
```
#8cc004 rgb(140,192,4)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#c0048c
```
#c0048c rgb(192,4,140)
```

Triadic Color

#04c038
```
#04c038 rgb(4,192,56)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#c0048c
```
#c0048c rgb(192,4,140)
```
#c03804
```
#c03804 rgb(192,56,4)
```

Tetradic Color

#025575
```
#025575 rgb(2,85,117)
```
#03688e
```
#03688e rgb(3,104,142)
```
#037aa7
```
#037aa7 rgb(3,122,167)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#059ed9
```
#059ed9 rgb(5,158,217)
```
#05b0f2
```
#05b0f2 rgb(5,176,242)
```
#16bbfa
```
#16bbfa rgb(22,187,250)
```

Monochromatic Color

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

#04bbc0
```
#04bbc0 rgb(4,187,192)
```
#04abc0
```
#04abc0 rgb(4,171,192)
```
#049cc0
```
#049cc0 rgb(4,156,192)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#047cc0
```
#047cc0 rgb(4,124,192)
```
#046dc0
```
#046dc0 rgb(4,109,192)
```
#045dc0
```
#045dc0 rgb(4,93,192)
```

Similar Colors

Text with hexadecimal color #048cc0

This text has a font color of #048cc0.

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

#048cc0 background color

This paragraph has a background color of #048cc0.

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

#048cc0 border color

This element has a border color of #048cc0.

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

CSS codes

.text {color:#048cc0;}

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

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

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

#000e13
```
#000e13 rgb(0,14,19)
```
#011c26
```
#011c26 rgb(1,28,38)
```
#012a39
```
#012a39 rgb(1,42,57)
```
#02384d
```
#02384d rgb(2,56,77)
```
#024660
```
#024660 rgb(2,70,96)
```
#025473
```
#025473 rgb(2,84,115)
```
#036286
```
#036286 rgb(3,98,134)
```
#03709a
```
#03709a rgb(3,112,154)
```
#047ead
```
#047ead rgb(4,126,173)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```
#049ad3
```
#049ad3 rgb(4,154,211)
```
#05a8e6
```
#05a8e6 rgb(5,168,230)
```
#05b6fa
```
#05b6fa rgb(5,182,250)
```

Shade Color Variation

#18bcfa
```
#18bcfa rgb(24,188,250)
```
#2bc1fb
```
#2bc1fb rgb(43,193,251)
```
#3fc7fb
```
#3fc7fb rgb(63,199,251)
```
#52cdfb
```
#52cdfb rgb(82,205,251)
```
#65d2fc
```
#65d2fc rgb(101,210,252)
```
#78d8fc
```
#78d8fc rgb(120,216,252)
```
#8cddfd
```
#8cddfd rgb(140,221,253)
```
#9fe3fd
```
#9fe3fd rgb(159,227,253)
```
#b2e9fd
```
#b2e9fd rgb(178,233,253)
```
#c5eefe
```
#c5eefe rgb(197,238,254)
```
#d8f4fe
```
#d8f4fe rgb(216,244,254)
```
#ecf9ff
```
#ecf9ff rgb(236,249,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5e6466
```
#5e6466 rgb(94,100,102)
```
#57676d
```
#57676d rgb(87,103,109)
```
#4f6a75
```
#4f6a75 rgb(79,106,117)
```
#486e7c
```
#486e7c rgb(72,110,124)
```
#407184
```
#407184 rgb(64,113,132)
```
#39748b
```
#39748b rgb(57,116,139)
```
#317893
```
#317893 rgb(49,120,147)
```
#2a7b9a
```
#2a7b9a rgb(42,123,154)
```
#227fa2
```
#227fa2 rgb(34,127,162)
```
#1b82a9
```
#1b82a9 rgb(27,130,169)
```
#1385b1
```
#1385b1 rgb(19,133,177)
```
#0c89b8
```
#0c89b8 rgb(12,137,184)
```
#048cc0
```
#048cc0 rgb(4,140,192)
```

Tone Color Variation

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

#7787bb Protanopia 1% of men
#6988c7 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#4d89bd Protanomaly 1% of men, 0.01% of women
#4489c4 Deuteranomaly 6% of men, 0.4% of women
#0192ac Tritanomaly 0.01% of the population

#048cc0 hex color

#048cc0 Color Information

#048cc0 Color Conversion

Color Schemes with #048cc0

Alternatives to #048cc0

#048cc0 Preview

Shades and Tints of #048cc0

Tones of #048cc0

Color Blindness Simulator