#045cc5 hex color

In a RGB color space, hex #045cc5 is composed of 1.6% red, 36.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 53.3% magenta, 0% yellow and 22.7% black. It has a hue angle of 212.6 degrees, a saturation of 96% and a lightness of 39.4%. #045cc5 color hex could be obtained by blending #08b8ff with #00008b. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 36
- B 77
RGB color chart
- C 98
- M 53
- Y 0
- K 23
CMYK color chart

● #045cc5 color description : Strong blue.

The hexadecimal color #045cc5 has RGB values of R:4, G:92, B:197 and CMYK values of C:0.98, M:0.53, Y:0, K:0.23. Its decimal value is 285893.

Hex triplet	045cc5	`#045cc5`
RGB Decimal	4, 92, 197	`rgb(4,92,197)`
RGB Percent	1.6, 36.1, 77.3	`rgb(1.6%,36.1%,77.3%)`
CMYK	98, 53, 0, 23
HSL	212.6°, 96, 39.4	`hsl(212.6,96%,39.4%)`
HSV (or HSB)	212.6°, 98, 77.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.752, 19.144, -60.799
XYZ	13.953, 11.71, 54.345
xyY	0.174, 0.146, 11.71
CIE-LCH	40.752, 63.742, 287.478
CIE-LUV	40.752, -20.963, -89.782
Hunter-Lab	34.22, 12.898, -70.205
Binary	00000100, 01011100, 11000101

#045cc5
```
#045cc5 rgb(4,92,197)
```
#c56d04
```
#c56d04 rgb(197,109,4)
```

Complementary Color

#04bdc5
```
#04bdc5 rgb(4,189,197)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```
#0c04c5
```
#0c04c5 rgb(12,4,197)
```

Analogous Color

#bdc504
```
#bdc504 rgb(189,197,4)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```
#c50d04
```
#c50d04 rgb(197,13,4)
```

Split Complementary Color

#5cc504
```
#5cc504 rgb(92,197,4)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```
#c5045c
```
#c5045c rgb(197,4,92)
```

Triadic Color

#04c56d
```
#04c56d rgb(4,197,109)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```
#c5045c
```
#c5045c rgb(197,4,92)
```
#c56d04
```
#c56d04 rgb(197,109,4)
```

Tetradic Color

#02397a
```
#02397a rgb(2,57,122)
```
#034593
```
#034593 rgb(3,69,147)
```
#0350ac
```
#0350ac rgb(3,80,172)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```
#0568de
```
#0568de rgb(5,104,222)
```
#0573f7
```
#0573f7 rgb(5,115,247)
```
#1b81fa
```
#1b81fa rgb(27,129,250)
```

Monochromatic Color

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

#048cc5
```
#048cc5 rgb(4,140,197)
```
#047cc5
```
#047cc5 rgb(4,124,197)
```
#046cc5
```
#046cc5 rgb(4,108,197)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```
#044cc5
```
#044cc5 rgb(4,76,197)
```
#043cc5
```
#043cc5 rgb(4,60,197)
```
#042cc5
```
#042cc5 rgb(4,44,197)
```

Similar Colors

Text with hexadecimal color #045cc5

This text has a font color of #045cc5.

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

#045cc5 background color

This paragraph has a background color of #045cc5.

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

#045cc5 border color

This element has a border color of #045cc5.

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

CSS codes

.text {color:#045cc5;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000b18
```
#000b18 rgb(0,11,24)
```
#01142b
```
#01142b rgb(1,20,43)
```
#011d3e
```
#011d3e rgb(1,29,62)
```
#022652
```
#022652 rgb(2,38,82)
```
#022f65
```
#022f65 rgb(2,47,101)
```
#023878
```
#023878 rgb(2,56,120)
```
#03418b
```
#03418b rgb(3,65,139)
```
#034a9f
```
#034a9f rgb(3,74,159)
```
#0453b2
```
#0453b2 rgb(4,83,178)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```
#0465d8
```
#0465d8 rgb(4,101,216)
```
#056eeb
```
#056eeb rgb(5,110,235)
```

Shade Color Variation

#0a77fa
```
#0a77fa rgb(10,119,250)
```
#1d82fa
```
#1d82fa rgb(29,130,250)
```
#308dfb
```
#308dfb rgb(48,141,251)
```
#4397fb
```
#4397fb rgb(67,151,251)
```
#57a2fc
```
#57a2fc rgb(87,162,252)
```
#6aadfc
```
#6aadfc rgb(106,173,252)
```
#7db7fc
```
#7db7fc rgb(125,183,252)
```
#90c2fd
```
#90c2fd rgb(144,194,253)
```
#a4ccfd
```
#a4ccfd rgb(164,204,253)
```
#b7d7fe
```
#b7d7fe rgb(183,215,254)
```
#cae2fe
```
#cae2fe rgb(202,226,254)
```
#ddecfe
```
#ddecfe rgb(221,236,254)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#616468
```
#616468 rgb(97,100,104)
```
#596370
```
#596370 rgb(89,99,112)
```
#516378
```
#516378 rgb(81,99,120)
```
#4a627f
```
#4a627f rgb(74,98,127)
```
#426187
```
#426187 rgb(66,97,135)
```
#3a618f
```
#3a618f rgb(58,97,143)
```
#326097
```
#326097 rgb(50,96,151)
```
#2b5f9e
```
#2b5f9e rgb(43,95,158)
```
#235fa6
```
#235fa6 rgb(35,95,166)
```
#1b5eae
```
#1b5eae rgb(27,94,174)
```
#135db6
```
#135db6 rgb(19,93,182)
```
#0c5dbd
```
#0c5dbd rgb(12,93,189)
```
#045cc5
```
#045cc5 rgb(4,92,197)
```

Tone Color Variation

Below, you can see how #045cc5 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
#3f5166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006aad Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#0161c5 Protanomaly 1% of men, 0.01% of women
#0165b6 Deuteranomaly 6% of men, 0.4% of women
#016a94 Tritanomaly 0.01% of the population

#045cc5 hex color

#045cc5 Color Information

#045cc5 Color Conversion

Color Schemes with #045cc5

Alternatives to #045cc5

#045cc5 Preview

Shades and Tints of #045cc5

Tones of #045cc5

Color Blindness Simulator