#048ec1 hex color

In a RGB color space, hex #048ec1 is composed of 1.6% red, 55.7% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 26.4% magenta, 0% yellow and 24.3% black. It has a hue angle of 196.2 degrees, a saturation of 95.9% and a lightness of 38.6%. #048ec1 color hex could be obtained by blending #08ffff with #001d83. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 56
- B 76
RGB color chart
- C 98
- M 26
- Y 0
- K 24
CMYK color chart

● #048ec1 color description : Strong blue.

The hexadecimal color #048ec1 has RGB values of R:4, G:142, B:193 and CMYK values of C:0.98, M:0.26, Y:0, K:0.24. Its decimal value is 298689.

Hex triplet	048ec1	`#048ec1`
RGB Decimal	4, 142, 193	`rgb(4,142,193)`
RGB Percent	1.6, 55.7, 75.7	`rgb(1.6%,55.7%,75.7%)`
CMYK	98, 26, 0, 24
HSL	196.2°, 95.9, 38.6	`hsl(196.2,95.9%,38.6%)`
HSV (or HSB)	196.2°, 97.9, 75.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.298, -13.202, -35.295
XYZ	19.346, 23.22, 53.911
xyY	0.201, 0.241, 23.22
CIE-LCH	55.298, 37.683, 249.492
CIE-LUV	55.298, -37.138, -52.889
Hunter-Lab	48.187, -12.664, -32.602
Binary	00000100, 10001110, 11000001

#048ec1
```
#048ec1 rgb(4,142,193)
```
#c13704
```
#c13704 rgb(193,55,4)
```

Complementary Color

#04c196
```
#04c196 rgb(4,193,150)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```
#042fc1
```
#042fc1 rgb(4,47,193)
```

Analogous Color

#c19604
```
#c19604 rgb(193,150,4)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```
#c10430
```
#c10430 rgb(193,4,48)
```

Split Complementary Color

#8ec104
```
#8ec104 rgb(142,193,4)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```
#c1048e
```
#c1048e rgb(193,4,142)
```

Triadic Color

#04c137
```
#04c137 rgb(4,193,55)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```
#c1048e
```
#c1048e rgb(193,4,142)
```
#c13704
```
#c13704 rgb(193,55,4)
```

Tetradic Color

#025776
```
#025776 rgb(2,87,118)
```
#03698f
```
#03698f rgb(3,105,143)
```
#037ca8
```
#037ca8 rgb(3,124,168)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```
#05a0da
```
#05a0da rgb(5,160,218)
```
#05b3f3
```
#05b3f3 rgb(5,179,243)
```
#17bdfa
```
#17bdfa rgb(23,189,250)
```

Monochromatic Color

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

#04bdc1
```
#04bdc1 rgb(4,189,193)
```
#04aec1
```
#04aec1 rgb(4,174,193)
```
#049ec1
```
#049ec1 rgb(4,158,193)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```
#047ec1
```
#047ec1 rgb(4,126,193)
```
#046fc1
```
#046fc1 rgb(4,111,193)
```
#045fc1
```
#045fc1 rgb(4,95,193)
```

Similar Colors

Text with hexadecimal color #048ec1

This text has a font color of #048ec1.

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

#048ec1 background color

This paragraph has a background color of #048ec1.

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

#048ec1 border color

This element has a border color of #048ec1.

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

CSS codes

.text {color:#048ec1;}

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

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

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 #edfaff is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#000f14
```
#000f14 rgb(0,15,20)
```
#011d27
```
#011d27 rgb(1,29,39)
```
#012b3a
```
#012b3a rgb(1,43,58)
```
#02394e
```
#02394e rgb(2,57,78)
```
#024761
```
#024761 rgb(2,71,97)
```
#025574
```
#025574 rgb(2,85,116)
```
#036487
```
#036487 rgb(3,100,135)
```
#03729b
```
#03729b rgb(3,114,155)
```
#0480ae
```
#0480ae rgb(4,128,174)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```
#049cd4
```
#049cd4 rgb(4,156,212)
```
#05aae7
```
#05aae7 rgb(5,170,231)
```

Shade Color Variation

#06b8fa
```
#06b8fa rgb(6,184,250)
```
#19befa
```
#19befa rgb(25,190,250)
```
#2cc3fb
```
#2cc3fb rgb(44,195,251)
```
#40c8fb
```
#40c8fb rgb(64,200,251)
```
#53cefb
```
#53cefb rgb(83,206,251)
```
#66d3fc
```
#66d3fc rgb(102,211,252)
```
#79d9fc
```
#79d9fc rgb(121,217,252)
```
#8ddefd
```
#8ddefd rgb(141,222,253)
```
#a0e4fd
```
#a0e4fd rgb(160,228,253)
```
#b3e9fd
```
#b3e9fd rgb(179,233,253)
```
#c6effe
```
#c6effe rgb(198,239,254)
```
#d9f4fe
```
#d9f4fe rgb(217,244,254)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

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

#5f6466
```
#5f6466 rgb(95,100,102)
```
#57686e
```
#57686e rgb(87,104,110)
```
#506b75
```
#506b75 rgb(80,107,117)
```
#486f7d
```
#486f7d rgb(72,111,125)
```
#417284
```
#417284 rgb(65,114,132)
```
#39768c
```
#39768c rgb(57,118,140)
```
#317994
```
#317994 rgb(49,121,148)
```
#2a7d9b
```
#2a7d9b rgb(42,125,155)
```
#2280a3
```
#2280a3 rgb(34,128,163)
```
#1b84aa
```
#1b84aa rgb(27,132,170)
```
#1387b2
```
#1387b2 rgb(19,135,178)
```
#0c8bb9
```
#0c8bb9 rgb(12,139,185)
```
#048ec1
```
#048ec1 rgb(4,142,193)
```

Tone Color Variation

Below, you can see how #048ec1 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
#56727c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7989bc Protanopia 1% of men
#6c8ac8 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4f8abe Protanomaly 1% of men, 0.01% of women
#468bc5 Deuteranomaly 6% of men, 0.4% of women
#0194ad Tritanomaly 0.01% of the population

#048ec1 hex color

#048ec1 Color Information

#048ec1 Color Conversion

Color Schemes with #048ec1

Alternatives to #048ec1

#048ec1 Preview

Shades and Tints of #048ec1

Tones of #048ec1

Color Blindness Simulator