#045bcc hex color

In a RGB color space, hex #045bcc is composed of 1.6% red, 35.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 55.4% magenta, 0% yellow and 20% black. It has a hue angle of 213.9 degrees, a saturation of 96.2% and a lightness of 40.8%. #045bcc color hex could be obtained by blending #08b6ff with #000099. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 36
- B 80
RGB color chart
- C 98
- M 55
- Y 0
- K 20
CMYK color chart

● #045bcc color description : Strong blue.

The hexadecimal color #045bcc has RGB values of R:4, G:91, B:204 and CMYK values of C:0.98, M:0.55, Y:0, K:0.2. Its decimal value is 285644.

Hex triplet	045bcc	`#045bcc`
RGB Decimal	4, 91, 204	`rgb(4,91,204)`
RGB Percent	1.6, 35.7, 80	`rgb(1.6%,35.7%,80%)`
CMYK	98, 55, 0, 20
HSL	213.9°, 96.2, 40.8	`hsl(213.9,96.2%,40.8%)`
HSV (or HSB)	213.9°, 98, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.003, 22.612, -64.439
XYZ	14.688, 11.866, 58.64
xyY	0.172, 0.139, 11.866
CIE-LCH	41.003, 68.291, 289.336
CIE-LUV	41.003, -20.495, -95.201
Hunter-Lab	34.448, 15.826, -76.816
Binary	00000100, 01011011, 11001100

#045bcc
```
#045bcc rgb(4,91,204)
```
#cc7504
```
#cc7504 rgb(204,117,4)
```

Complementary Color

#04bfcc
```
#04bfcc rgb(4,191,204)
```
#045bcc
```
#045bcc rgb(4,91,204)
```
#1104cc
```
#1104cc rgb(17,4,204)
```

Analogous Color

#bfcc04
```
#bfcc04 rgb(191,204,4)
```
#045bcc
```
#045bcc rgb(4,91,204)
```
#cc1104
```
#cc1104 rgb(204,17,4)
```

Split Complementary Color

#5bcc04
```
#5bcc04 rgb(91,204,4)
```
#045bcc
```
#045bcc rgb(4,91,204)
```
#cc045b
```
#cc045b rgb(204,4,91)
```

Triadic Color

#04cc75
```
#04cc75 rgb(4,204,117)
```
#045bcc
```
#045bcc rgb(4,91,204)
```
#cc045b
```
#cc045b rgb(204,4,91)
```
#cc7504
```
#cc7504 rgb(204,117,4)
```

Tetradic Color

#033a81
```
#033a81 rgb(3,58,129)
```
#03459a
```
#03459a rgb(3,69,154)
```
#0450b3
```
#0450b3 rgb(4,80,179)
```
#045bcc
```
#045bcc rgb(4,91,204)
```
#0466e5
```
#0466e5 rgb(4,102,229)
```
#0972fa
```
#0972fa rgb(9,114,250)
```
#2280fb
```
#2280fb rgb(34,128,251)
```

Monochromatic Color

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

#048dcc
```
#048dcc rgb(4,141,204)
```
#047ccc
```
#047ccc rgb(4,124,204)
```
#046ccc
```
#046ccc rgb(4,108,204)
```
#045bcc
```
#045bcc rgb(4,91,204)
```
#044acc
```
#044acc rgb(4,74,204)
```
#043acc
```
#043acc rgb(4,58,204)
```
#0429cc
```
#0429cc rgb(4,41,204)
```

Similar Colors

Text with hexadecimal color #045bcc

This text has a font color of #045bcc.

<span style="color:#045bcc;">Text here</span>

#045bcc background color

This paragraph has a background color of #045bcc.

<p style="background-color:#045bcc;">Content here</p>

#045bcc border color

This element has a border color of #045bcc.

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

CSS codes

.text {color:#045bcc;}

.background {background-color:#045bcc;}

.border {border:1px solid #045bcc;}

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, #00050c is the darkest color, while #f7fbff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#010e1f
```
#010e1f rgb(1,14,31)
```
#011632
```
#011632 rgb(1,22,50)
```
#011f45
```
#011f45 rgb(1,31,69)
```
#022859
```
#022859 rgb(2,40,89)
```
#02306c
```
#02306c rgb(2,48,108)
```
#02397f
```
#02397f rgb(2,57,127)
```
#034192
```
#034192 rgb(3,65,146)
```
#034aa6
```
#034aa6 rgb(3,74,166)
```
#0452b9
```
#0452b9 rgb(4,82,185)
```
#045bcc
```
#045bcc rgb(4,91,204)
```
#0464df
```
#0464df rgb(4,100,223)
```
#056cf2
```
#056cf2 rgb(5,108,242)
```

Shade Color Variation

#1176fa
```
#1176fa rgb(17,118,250)
```
#2481fb
```
#2481fb rgb(36,129,251)
```
#378cfb
```
#378cfb rgb(55,140,251)
```
#4a97fb
```
#4a97fb rgb(74,151,251)
```
#5da2fc
```
#5da2fc rgb(93,162,252)
```
#71adfc
```
#71adfc rgb(113,173,252)
```
#84b8fd
```
#84b8fd rgb(132,184,253)
```
#97c3fd
```
#97c3fd rgb(151,195,253)
```
#aacefd
```
#aacefd rgb(170,206,253)
```
#bedafe
```
#bedafe rgb(190,218,254)
```
#d1e5fe
```
#d1e5fe rgb(209,229,254)
```
#e4f0fe
```
#e4f0fe rgb(228,240,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64676c is the less saturated color, while #045bcc is the most saturated one.

#64676c
```
#64676c rgb(100,103,108)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#54657c
```
#54657c rgb(84,101,124)
```
#4c6484
```
#4c6484 rgb(76,100,132)
```
#44638c
```
#44638c rgb(68,99,140)
```
#3c6294
```
#3c6294 rgb(60,98,148)
```
#34619c
```
#34619c rgb(52,97,156)
```
#2c60a4
```
#2c60a4 rgb(44,96,164)
```
#245fac
```
#245fac rgb(36,95,172)
```
#1c5eb4
```
#1c5eb4 rgb(28,94,180)
```
#145dbc
```
#145dbc rgb(20,93,188)
```
#0c5cc4
```
#0c5cc4 rgb(12,92,196)
```
#045bcc
```
#045bcc rgb(4,91,204)
```

Tone Color Variation

Below, you can see how #045bcc 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

#4e4e4e Achromatopsia 0.005% of the population
#3f5167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006bae Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0161c9 Protanomaly 1% of men, 0.01% of women
#0165b8 Deuteranomaly 6% of men, 0.4% of women
#016a97 Tritanomaly 0.01% of the population

#045bcc hex color

#045bcc Color Information

#045bcc Color Conversion

Color Schemes with #045bcc

Alternatives to #045bcc

#045bcc Preview

Shades and Tints of #045bcc

Tones of #045bcc

Color Blindness Simulator