#0048cc hex color

In a RGB color space, hex #0048cc is composed of 0% red, 28.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 64.7% magenta, 0% yellow and 20% black. It has a hue angle of 218.8 degrees, a saturation of 100% and a lightness of 40%. #0048cc color hex could be obtained by blending #0090ff with #000099. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 28
- B 80
RGB color chart
- C 100
- M 65
- Y 0
- K 20
CMYK color chart

● #0048cc color description : Strong blue.

The hexadecimal color #0048cc has RGB values of R:0, G:72, B:204 and CMYK values of C:1, M:0.65, Y:0, K:0.2. Its decimal value is 18636.

Hex triplet	0048cc	`#0048cc`
RGB Decimal	0, 72, 204	`rgb(0,72,204)`
RGB Percent	0, 28.2, 80	`rgb(0%,28.2%,80%)`
CMYK	100, 65, 0, 20
HSL	218.8°, 100, 40	`hsl(218.8,100%,40%)`
HSV (or HSB)	218.8°, 100, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.971, 35.008, -72.672
XYZ	13.214, 8.993, 58.163
xyY	0.164, 0.112, 8.993
CIE-LCH	35.971, 80.665, 295.721
CIE-LUV	35.971, -15.897, -101.681
Hunter-Lab	29.989, 26.174, -94
Binary	00000000, 01001000, 11001100

#0048cc
```
#0048cc rgb(0,72,204)
```
#cc8400
```
#cc8400 rgb(204,132,0)
```

Complementary Color

#00aecc
```
#00aecc rgb(0,174,204)
```
#0048cc
```
#0048cc rgb(0,72,204)
```
#1e00cc
```
#1e00cc rgb(30,0,204)
```

Analogous Color

#aecc00
```
#aecc00 rgb(174,204,0)
```
#0048cc
```
#0048cc rgb(0,72,204)
```
#cc1e00
```
#cc1e00 rgb(204,30,0)
```

Split Complementary Color

#48cc00
```
#48cc00 rgb(72,204,0)
```
#0048cc
```
#0048cc rgb(0,72,204)
```
#cc0048
```
#cc0048 rgb(204,0,72)
```

Triadic Color

#00cc84
```
#00cc84 rgb(0,204,132)
```
#0048cc
```
#0048cc rgb(0,72,204)
```
#cc0048
```
#cc0048 rgb(204,0,72)
```
#cc8400
```
#cc8400 rgb(204,132,0)
```

Tetradic Color

#002d80
```
#002d80 rgb(0,45,128)
```
#003699
```
#003699 rgb(0,54,153)
```
#003fb3
```
#003fb3 rgb(0,63,179)
```
#0048cc
```
#0048cc rgb(0,72,204)
```
#0051e6
```
#0051e6 rgb(0,81,230)
```
#005aff
```
#005aff rgb(0,90,255)
```
#1a6bff
```
#1a6bff rgb(26,107,255)
```

Monochromatic Color

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

#007bcc
```
#007bcc rgb(0,123,204)
```
#006acc
```
#006acc rgb(0,106,204)
```
#0059cc
```
#0059cc rgb(0,89,204)
```
#0048cc
```
#0048cc rgb(0,72,204)
```
#0037cc
```
#0037cc rgb(0,55,204)
```
#0026cc
```
#0026cc rgb(0,38,204)
```
#0015cc
```
#0015cc rgb(0,21,204)
```

Similar Colors

Text with hexadecimal color #0048cc

This text has a font color of #0048cc.

<span style="color:#0048cc;">Text here</span>

#0048cc background color

This paragraph has a background color of #0048cc.

<p style="background-color:#0048cc;">Content here</p>

#0048cc border color

This element has a border color of #0048cc.

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

CSS codes

.text {color:#0048cc;}

.background {background-color:#0048cc;}

.border {border:1px solid #0048cc;}

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

#000308
```
#000308 rgb(0,3,8)
```
#000a1b
```
#000a1b rgb(0,10,27)
```
#00112f
```
#00112f rgb(0,17,47)
```
#001843
```
#001843 rgb(0,24,67)
```
#001e56
```
#001e56 rgb(0,30,86)
```
#00256a
```
#00256a rgb(0,37,106)
```
#002c7e
```
#002c7e rgb(0,44,126)
```
#003391
```
#003391 rgb(0,51,145)
```
#003aa5
```
#003aa5 rgb(0,58,165)
```
#0041b8
```
#0041b8 rgb(0,65,184)
```
#0048cc
```
#0048cc rgb(0,72,204)
```
#004fe0
```
#004fe0 rgb(0,79,224)
```
#0056f3
```
#0056f3 rgb(0,86,243)
```

Shade Color Variation

#085fff
```
#085fff rgb(8,95,255)
```
#1b6cff
```
#1b6cff rgb(27,108,255)
```
#2f78ff
```
#2f78ff rgb(47,120,255)
```
#4385ff
```
#4385ff rgb(67,133,255)
```
#5692ff
```
#5692ff rgb(86,146,255)
```
#6a9fff
```
#6a9fff rgb(106,159,255)
```
#7eabff
```
#7eabff rgb(126,171,255)
```
#91b8ff
```
#91b8ff rgb(145,184,255)
```
#a5c5ff
```
#a5c5ff rgb(165,197,255)
```
#b8d1ff
```
#b8d1ff rgb(184,209,255)
```
#ccdeff
```
#ccdeff rgb(204,222,255)
```
#e0ebff
```
#e0ebff rgb(224,235,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#5e646e
```
#5e646e rgb(94,100,110)
```
#566176
```
#566176 rgb(86,97,118)
```
#4e5f7e
```
#4e5f7e rgb(78,95,126)
```
#475d85
```
#475d85 rgb(71,93,133)
```
#3f5a8d
```
#3f5a8d rgb(63,90,141)
```
#375895
```
#375895 rgb(55,88,149)
```
#2f569d
```
#2f569d rgb(47,86,157)
```
#2754a5
```
#2754a5 rgb(39,84,165)
```
#1f51ad
```
#1f51ad rgb(31,81,173)
```
#184fb4
```
#184fb4 rgb(24,79,180)
```
#104dbc
```
#104dbc rgb(16,77,188)
```
#084ac4
```
#084ac4 rgb(8,74,196)
```
#0048cc
```
#0048cc rgb(0,72,204)
```

Tone Color Variation

Below, you can see how #0048cc 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

#424242 Achromatopsia 0.005% of the population
#35435e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0053ba Protanomaly 1% of men, 0.01% of women
#0057ab Deuteranomaly 6% of men, 0.4% of women
#005b8e Tritanomaly 0.01% of the population

#0048cc hex color

#0048cc Color Information

#0048cc Color Conversion

Color Schemes with #0048cc

Alternatives to #0048cc

#0048cc Preview

Shades and Tints of #0048cc

Tones of #0048cc

Color Blindness Simulator