#045ca4 hex color

In a RGB color space, hex #045ca4 is composed of 1.6% red, 36.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 43.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 207 degrees, a saturation of 95.2% and a lightness of 32.9%. #045ca4 color hex could be obtained by blending #08b8ff with #000049. Closest websafe color is: #006699.

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

● #045ca4 color description : Dark blue.

The hexadecimal color #045ca4 has RGB values of R:4, G:92, B:164 and CMYK values of C:0.98, M:0.44, Y:0, K:0.36. Its decimal value is 285860.

Hex triplet	045ca4	`#045ca4`
RGB Decimal	4, 92, 164	`rgb(4,92,164)`
RGB Percent	1.6, 36.1, 64.3	`rgb(1.6%,36.1%,64.3%)`
CMYK	98, 44, 0, 36
HSL	207°, 95.2, 32.9	`hsl(207,95.2%,32.9%)`
HSV (or HSB)	207°, 97.6, 64.3
Web Safe	006699	`#006699`

CIE-LAB	38.48, 5.667, -45.081
XYZ	10.576, 10.359, 36.562
xyY	0.184, 0.18, 10.359
CIE-LCH	38.48, 45.436, 277.164
CIE-LUV	38.48, -22.193, -65.083
Hunter-Lab	32.186, 2.33, -44.821
Binary	00000100, 01011100, 10100100

#045ca4
```
#045ca4 rgb(4,92,164)
```
#a44c04
```
#a44c04 rgb(164,76,4)
```

Complementary Color

#04a49c
```
#04a49c rgb(4,164,156)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```
#040ca4
```
#040ca4 rgb(4,12,164)
```

Analogous Color

#a49c04
```
#a49c04 rgb(164,156,4)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```
#a4040c
```
#a4040c rgb(164,4,12)
```

Split Complementary Color

#5ca404
```
#5ca404 rgb(92,164,4)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```
#a4045c
```
#a4045c rgb(164,4,92)
```

Triadic Color

#04a44c
```
#04a44c rgb(4,164,76)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```
#a4045c
```
#a4045c rgb(164,4,92)
```
#a44c04
```
#a44c04 rgb(164,76,4)
```

Tetradic Color

#023259
```
#023259 rgb(2,50,89)
```
#034072
```
#034072 rgb(3,64,114)
```
#034e8b
```
#034e8b rgb(3,78,139)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```
#056abd
```
#056abd rgb(5,106,189)
```
#0578d6
```
#0578d6 rgb(5,120,214)
```
#0686ef
```
#0686ef rgb(6,134,239)
```

Monochromatic Color

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

#0484a4
```
#0484a4 rgb(4,132,164)
```
#0477a4
```
#0477a4 rgb(4,119,164)
```
#0469a4
```
#0469a4 rgb(4,105,164)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```
#044fa4
```
#044fa4 rgb(4,79,164)
```
#0441a4
```
#0441a4 rgb(4,65,164)
```
#0434a4
```
#0434a4 rgb(4,52,164)
```

Similar Colors

Text with hexadecimal color #045ca4

This text has a font color of #045ca4.

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

#045ca4 background color

This paragraph has a background color of #045ca4.

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

#045ca4 border color

This element has a border color of #045ca4.

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

CSS codes

.text {color:#045ca4;}

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

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

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

#00060b
```
#00060b rgb(0,6,11)
```
#01111e
```
#01111e rgb(1,17,30)
```
#011c31
```
#011c31 rgb(1,28,49)
```
#022644
```
#022644 rgb(2,38,68)
```
#023157
```
#023157 rgb(2,49,87)
```
#033c6b
```
#033c6b rgb(3,60,107)
```
#03477e
```
#03477e rgb(3,71,126)
```
#045191
```
#045191 rgb(4,81,145)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```
#0467b7
```
#0467b7 rgb(4,103,183)
```
#0571ca
```
#0571ca rgb(5,113,202)
```
#057cdd
```
#057cdd rgb(5,124,221)
```
#0687f1
```
#0687f1 rgb(6,135,241)
```

Shade Color Variation

#1191f9
```
#1191f9 rgb(17,145,249)
```
#249afa
```
#249afa rgb(36,154,250)
```
#37a2fa
```
#37a2fa rgb(55,162,250)
```
#4aabfb
```
#4aabfb rgb(74,171,251)
```
#5db4fb
```
#5db4fb rgb(93,180,251)
```
#71bdfc
```
#71bdfc rgb(113,189,252)
```
#84c6fc
```
#84c6fc rgb(132,198,252)
```
#97cffc
```
#97cffc rgb(151,207,252)
```
#aad8fd
```
#aad8fd rgb(170,216,253)
```
#bde1fd
```
#bde1fd rgb(189,225,253)
```
#d0e9fe
```
#d0e9fe rgb(208,233,254)
```
#e4f2fe
```
#e4f2fe rgb(228,242,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#525456
```
#525456 rgb(82,84,86)
```
#4b555d
```
#4b555d rgb(75,85,93)
```
#455663
```
#455663 rgb(69,86,99)
```
#3e566a
```
#3e566a rgb(62,86,106)
```
#385770
```
#385770 rgb(56,87,112)
```
#315777
```
#315777 rgb(49,87,119)
```
#2b587d
```
#2b587d rgb(43,88,125)
```
#245984
```
#245984 rgb(36,89,132)
```
#1e598a
```
#1e598a rgb(30,89,138)
```
#175a91
```
#175a91 rgb(23,90,145)
```
#115b97
```
#115b97 rgb(17,91,151)
```
#0a5b9e
```
#0a5b9e rgb(10,91,158)
```
#045ca4
```
#045ca4 rgb(4,92,164)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3c4e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4060a5 Protanopia 1% of men
#0064a8 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2a5fa5 Protanomaly 1% of men, 0.01% of women
#0161a6 Deuteranomaly 6% of men, 0.4% of women
#016685 Tritanomaly 0.01% of the population

#045ca4 hex color

#045ca4 Color Information

#045ca4 Color Conversion

Color Schemes with #045ca4

Alternatives to #045ca4

#045ca4 Preview

Shades and Tints of #045ca4

Tones of #045ca4

Color Blindness Simulator