#0045d4 hex color

In a RGB color space, hex #0045d4 is composed of 0% red, 27.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 67.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 220.5 degrees, a saturation of 100% and a lightness of 41.6%. #0045d4 color hex could be obtained by blending #008aff with #0000a9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 27
- B 83
RGB color chart
- C 100
- M 67
- Y 0
- K 17
CMYK color chart

● #0045d4 color description : Strong blue.

The hexadecimal color #0045d4 has RGB values of R:0, G:69, B:212 and CMYK values of C:1, M:0.67, Y:0, K:0.17. Its decimal value is 17876.

Hex triplet	0045d4	`#0045d4`
RGB Decimal	0, 69, 212	`rgb(0,69,212)`
RGB Percent	0, 27.1, 83.1	`rgb(0%,27.1%,83.1%)`
CMYK	100, 67, 0, 17
HSL	220.5°, 100, 41.6	`hsl(220.5,100%,41.6%)`
HSV (or HSB)	220.5°, 100, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.001, 39.976, -77.251
XYZ	14.009, 9.009, 63.284
xyY	0.162, 0.104, 9.009
CIE-LCH	36.001, 86.981, 297.361
CIE-LUV	36.001, -15.226, -107.251
Hunter-Lab	30.014, 30.791, -104.002
Binary	00000000, 01000101, 11010100

#0045d4
```
#0045d4 rgb(0,69,212)
```
#d48f00
```
#d48f00 rgb(212,143,0)
```

Complementary Color

#00afd4
```
#00afd4 rgb(0,175,212)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#2500d4
```
#2500d4 rgb(37,0,212)
```

Analogous Color

#afd400
```
#afd400 rgb(175,212,0)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#d42500
```
#d42500 rgb(212,37,0)
```

Split Complementary Color

#45d400
```
#45d400 rgb(69,212,0)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#d40045
```
#d40045 rgb(212,0,69)
```

Triadic Color

#00d48f
```
#00d48f rgb(0,212,143)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#d40045
```
#d40045 rgb(212,0,69)
```
#d48f00
```
#d48f00 rgb(212,143,0)
```

Tetradic Color

#002c88
```
#002c88 rgb(0,44,136)
```
#0034a1
```
#0034a1 rgb(0,52,161)
```
#003dbb
```
#003dbb rgb(0,61,187)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#004dee
```
#004dee rgb(0,77,238)
```
#0858ff
```
#0858ff rgb(8,88,255)
```
#226aff
```
#226aff rgb(34,106,255)
```

Monochromatic Color

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

#007ad4
```
#007ad4 rgb(0,122,212)
```
#0068d4
```
#0068d4 rgb(0,104,212)
```
#0057d4
```
#0057d4 rgb(0,87,212)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#0033d4
```
#0033d4 rgb(0,51,212)
```
#0022d4
```
#0022d4 rgb(0,34,212)
```
#0010d4
```
#0010d4 rgb(0,16,212)
```

Similar Colors

Text with hexadecimal color #0045d4

This text has a font color of #0045d4.

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

#0045d4 background color

This paragraph has a background color of #0045d4.

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

#0045d4 border color

This element has a border color of #0045d4.

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

CSS codes

.text {color:#0045d4;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#000c23
```
#000c23 rgb(0,12,35)
```
#001237
```
#001237 rgb(0,18,55)
```
#00184b
```
#00184b rgb(0,24,75)
```
#001f5e
```
#001f5e rgb(0,31,94)
```
#002572
```
#002572 rgb(0,37,114)
```
#002b86
```
#002b86 rgb(0,43,134)
```
#003299
```
#003299 rgb(0,50,153)
```
#0038ad
```
#0038ad rgb(0,56,173)
```
#003fc0
```
#003fc0 rgb(0,63,192)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```
#004be8
```
#004be8 rgb(0,75,232)
```
#0052fb
```
#0052fb rgb(0,82,251)
```

Shade Color Variation

#105eff
```
#105eff rgb(16,94,255)
```
#236bff
```
#236bff rgb(35,107,255)
```
#3778ff
```
#3778ff rgb(55,120,255)
```
#4b85ff
```
#4b85ff rgb(75,133,255)
```
#5e93ff
```
#5e93ff rgb(94,147,255)
```
#72a0ff
```
#72a0ff rgb(114,160,255)
```
#86adff
```
#86adff rgb(134,173,255)
```
#99baff
```
#99baff rgb(153,186,255)
```
#adc8ff
```
#adc8ff rgb(173,200,255)
```
#c0d5ff
```
#c0d5ff rgb(192,213,255)
```
#d4e2ff
```
#d4e2ff rgb(212,226,255)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#626772
```
#626772 rgb(98,103,114)
```
#5a647a
```
#5a647a rgb(90,100,122)
```
#526182
```
#526182 rgb(82,97,130)
```
#495f8b
```
#495f8b rgb(73,95,139)
```
#415c93
```
#415c93 rgb(65,92,147)
```
#39599b
```
#39599b rgb(57,89,155)
```
#3156a3
```
#3156a3 rgb(49,86,163)
```
#2953ab
```
#2953ab rgb(41,83,171)
```
#2150b3
```
#2150b3 rgb(33,80,179)
```
#184ebc
```
#184ebc rgb(24,78,188)
```
#104bc4
```
#104bc4 rgb(16,75,196)
```
#0848cc
```
#0848cc rgb(8,72,204)
```
#0045d4
```
#0045d4 rgb(0,69,212)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#34425e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0052bd Protanomaly 1% of men, 0.01% of women
#0056ae Deuteranomaly 6% of men, 0.4% of women
#005a91 Tritanomaly 0.01% of the population

#0045d4 hex color

#0045d4 Color Information

#0045d4 Color Conversion

Color Schemes with #0045d4

Alternatives to #0045d4

#0045d4 Preview

Shades and Tints of #0045d4

Tones of #0045d4

Color Blindness Simulator