#0045c4 hex color

In a RGB color space, hex #0045c4 is composed of 0% red, 27.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 64.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 218.9 degrees, a saturation of 100% and a lightness of 38.4%. #0045c4 color hex could be obtained by blending #008aff with #000089. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 27
- B 77
RGB color chart
- C 100
- M 65
- Y 0
- K 23
CMYK color chart

● #0045c4 color description : Strong blue.

The hexadecimal color #0045c4 has RGB values of R:0, G:69, B:196 and CMYK values of C:1, M:0.65, Y:0, K:0.23. Its decimal value is 17860.

Hex triplet	0045c4	`#0045c4`
RGB Decimal	0, 69, 196	`rgb(0,69,196)`
RGB Percent	0, 27.1, 76.9	`rgb(0%,27.1%,76.9%)`
CMYK	100, 65, 0, 23
HSL	218.9°, 100, 38.4	`hsl(218.9,100%,38.4%)`
HSV (or HSB)	218.9°, 100, 76.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.479, 33.874, -70.466
XYZ	12.09, 8.241, 53.175
xyY	0.164, 0.112, 8.241
CIE-LCH	34.479, 78.185, 295.674
CIE-LUV	34.479, -15.256, -97.318
Hunter-Lab	28.707, 24.939, -89.731
Binary	00000000, 01000101, 11000100

#0045c4
```
#0045c4 rgb(0,69,196)
```
#c47f00
```
#c47f00 rgb(196,127,0)
```

Complementary Color

#00a7c4
```
#00a7c4 rgb(0,167,196)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```
#1d00c4
```
#1d00c4 rgb(29,0,196)
```

Analogous Color

#a7c400
```
#a7c400 rgb(167,196,0)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```
#c41d00
```
#c41d00 rgb(196,29,0)
```

Split Complementary Color

#45c400
```
#45c400 rgb(69,196,0)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```
#c40045
```
#c40045 rgb(196,0,69)
```

Triadic Color

#00c47f
```
#00c47f rgb(0,196,127)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```
#c40045
```
#c40045 rgb(196,0,69)
```
#c47f00
```
#c47f00 rgb(196,127,0)
```

Tetradic Color

#002a78
```
#002a78 rgb(0,42,120)
```
#003391
```
#003391 rgb(0,51,145)
```
#003cab
```
#003cab rgb(0,60,171)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```
#004ede
```
#004ede rgb(0,78,222)
```
#0057f7
```
#0057f7 rgb(0,87,247)
```
#1265ff
```
#1265ff rgb(18,101,255)
```

Monochromatic Color

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

#0076c4
```
#0076c4 rgb(0,118,196)
```
#0066c4
```
#0066c4 rgb(0,102,196)
```
#0055c4
```
#0055c4 rgb(0,85,196)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```
#0035c4
```
#0035c4 rgb(0,53,196)
```
#0024c4
```
#0024c4 rgb(0,36,196)
```
#0014c4
```
#0014c4 rgb(0,20,196)
```

Similar Colors

Text with hexadecimal color #0045c4

This text has a font color of #0045c4.

<span style="color:#0045c4;">Text here</span>

#0045c4 background color

This paragraph has a background color of #0045c4.

<p style="background-color:#0045c4;">Content here</p>

#0045c4 border color

This element has a border color of #0045c4.

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

CSS codes

.text {color:#0045c4;}

.background {background-color:#0045c4;}

.border {border:1px solid #0045c4;}

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

#000713
```
#000713 rgb(0,7,19)
```
#000e27
```
#000e27 rgb(0,14,39)
```
#00153b
```
#00153b rgb(0,21,59)
```
#001c4e
```
#001c4e rgb(0,28,78)
```
#002262
```
#002262 rgb(0,34,98)
```
#002976
```
#002976 rgb(0,41,118)
```
#003089
```
#003089 rgb(0,48,137)
```
#00379d
```
#00379d rgb(0,55,157)
```
#003eb0
```
#003eb0 rgb(0,62,176)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```
#004cd8
```
#004cd8 rgb(0,76,216)
```
#0053eb
```
#0053eb rgb(0,83,235)
```
#005aff
```
#005aff rgb(0,90,255)
```

Shade Color Variation

#1366ff
```
#1366ff rgb(19,102,255)
```
#2773ff
```
#2773ff rgb(39,115,255)
```
#3b80ff
```
#3b80ff rgb(59,128,255)
```
#4e8dff
```
#4e8dff rgb(78,141,255)
```
#6299ff
```
#6299ff rgb(98,153,255)
```
#76a6ff
```
#76a6ff rgb(118,166,255)
```
#89b3ff
```
#89b3ff rgb(137,179,255)
```
#9dbfff
```
#9dbfff rgb(157,191,255)
```
#b0ccff
```
#b0ccff rgb(176,204,255)
```
#c4d9ff
```
#c4d9ff rgb(196,217,255)
```
#d8e5ff
```
#d8e5ff rgb(216,229,255)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5a606a
```
#5a606a rgb(90,96,106)
```
#535e71
```
#535e71 rgb(83,94,113)
```
#4b5b79
```
#4b5b79 rgb(75,91,121)
```
#445980
```
#445980 rgb(68,89,128)
```
#3c5788
```
#3c5788 rgb(60,87,136)
```
#35558f
```
#35558f rgb(53,85,143)
```
#2d5297
```
#2d5297 rgb(45,82,151)
```
#26509e
```
#26509e rgb(38,80,158)
```
#1e4ea6
```
#1e4ea6 rgb(30,78,166)
```
#174cad
```
#174cad rgb(23,76,173)
```
#0f49b5
```
#0f49b5 rgb(15,73,181)
```
#0847bc
```
#0847bc rgb(8,71,188)
```
#0045c4
```
#0045c4 rgb(0,69,196)
```

Tone Color Variation

Below, you can see how #0045c4 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

#3f3f3f Achromatopsia 0.005% of the population
#32405a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0050b3 Protanomaly 1% of men, 0.01% of women
#0053a5 Deuteranomaly 6% of men, 0.4% of women
#005889 Tritanomaly 0.01% of the population

#0045c4 hex color

#0045c4 Color Information

#0045c4 Color Conversion

Color Schemes with #0045c4

Alternatives to #0045c4

#0045c4 Preview

Shades and Tints of #0045c4

Tones of #0045c4

Color Blindness Simulator