#045ca0 hex color

In a RGB color space, hex #045ca0 is composed of 1.6% red, 36.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 42.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 206.2 degrees, a saturation of 95.1% and a lightness of 32.2%. #045ca0 color hex could be obtained by blending #08b8ff with #000041. Closest websafe color is: #006699.

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

● #045ca0 color description : Dark blue.

The hexadecimal color #045ca0 has RGB values of R:4, G:92, B:160 and CMYK values of C:0.98, M:0.43, Y:0, K:0.37. Its decimal value is 285856.

Hex triplet	045ca0	`#045ca0`
RGB Decimal	4, 92, 160	`rgb(4,92,160)`
RGB Percent	1.6, 36.1, 62.7	`rgb(1.6%,36.1%,62.7%)`
CMYK	98, 43, 0, 37
HSL	206.2°, 95.1, 32.2	`hsl(206.2,95.1%,32.2%)`
HSV (or HSB)	206.2°, 97.5, 62.7
Web Safe	006699	`#006699`

CIE-LAB	38.229, 4.02, -43.098
XYZ	10.221, 10.217, 34.689
xyY	0.185, 0.185, 10.217
CIE-LCH	38.229, 43.285, 275.329
CIE-LUV	38.229, -22.38, -61.944
Hunter-Lab	31.964, 1.139, -41.969
Binary	00000100, 01011100, 10100000

#045ca0
```
#045ca0 rgb(4,92,160)
```
#a04804
```
#a04804 rgb(160,72,4)
```

Complementary Color

#04a096
```
#04a096 rgb(4,160,150)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```
#040ea0
```
#040ea0 rgb(4,14,160)
```

Analogous Color

#a09604
```
#a09604 rgb(160,150,4)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```
#a0040e
```
#a0040e rgb(160,4,14)
```

Split Complementary Color

#5ca004
```
#5ca004 rgb(92,160,4)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```
#a0045c
```
#a0045c rgb(160,4,92)
```

Triadic Color

#04a048
```
#04a048 rgb(4,160,72)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```
#a0045c
```
#a0045c rgb(160,4,92)
```
#a04804
```
#a04804 rgb(160,72,4)
```

Tetradic Color

#023155
```
#023155 rgb(2,49,85)
```
#033f6e
```
#033f6e rgb(3,63,110)
```
#034e87
```
#034e87 rgb(3,78,135)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```
#056ab9
```
#056ab9 rgb(5,106,185)
```
#0579d2
```
#0579d2 rgb(5,121,210)
```
#0687eb
```
#0687eb rgb(6,135,235)
```

Monochromatic Color

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

#0483a0
```
#0483a0 rgb(4,131,160)
```
#0476a0
```
#0476a0 rgb(4,118,160)
```
#0469a0
```
#0469a0 rgb(4,105,160)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```
#044fa0
```
#044fa0 rgb(4,79,160)
```
#0442a0
```
#0442a0 rgb(4,66,160)
```
#0435a0
```
#0435a0 rgb(4,53,160)
```

Similar Colors

Text with hexadecimal color #045ca0

This text has a font color of #045ca0.

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

#045ca0 background color

This paragraph has a background color of #045ca0.

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

#045ca0 border color

This element has a border color of #045ca0.

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

CSS codes

.text {color:#045ca0;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#010f1a
```
#010f1a rgb(1,15,26)
```
#011a2d
```
#011a2d rgb(1,26,45)
```
#022540
```
#022540 rgb(2,37,64)
```
#023053
```
#023053 rgb(2,48,83)
```
#033b67
```
#033b67 rgb(3,59,103)
```
#03467a
```
#03467a rgb(3,70,122)
```
#04518d
```
#04518d rgb(4,81,141)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```
#0467b3
```
#0467b3 rgb(4,103,179)
```
#0572c6
```
#0572c6 rgb(5,114,198)
```
#057dd9
```
#057dd9 rgb(5,125,217)
```
#0688ed
```
#0688ed rgb(6,136,237)
```

Shade Color Variation

#0d92f9
```
#0d92f9 rgb(13,146,249)
```
#209bf9
```
#209bf9 rgb(32,155,249)
```
#33a3fa
```
#33a3fa rgb(51,163,250)
```
#47acfa
```
#47acfa rgb(71,172,250)
```
#5ab5fb
```
#5ab5fb rgb(90,181,251)
```
#6dbdfb
```
#6dbdfb rgb(109,189,251)
```
#80c6fc
```
#80c6fc rgb(128,198,252)
```
#93cefc
```
#93cefc rgb(147,206,252)
```
#a6d7fd
```
#a6d7fd rgb(166,215,253)
```
#b9e0fd
```
#b9e0fd rgb(185,224,253)
```
#cce8fe
```
#cce8fe rgb(204,232,254)
```
#e0f1fe
```
#e0f1fe rgb(224,241,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#505254
```
#505254 rgb(80,82,84)
```
#49535b
```
#49535b rgb(73,83,91)
```
#435461
```
#435461 rgb(67,84,97)
```
#3d5567
```
#3d5567 rgb(61,85,103)
```
#36566e
```
#36566e rgb(54,86,110)
```
#305674
```
#305674 rgb(48,86,116)
```
#2a577a
```
#2a577a rgb(42,87,122)
```
#245880
```
#245880 rgb(36,88,128)
```
#1d5987
```
#1d5987 rgb(29,89,135)
```
#175a8d
```
#175a8d rgb(23,90,141)
```
#115a93
```
#115a93 rgb(17,90,147)
```
#0a5b9a
```
#0a5b9a rgb(10,91,154)
```
#045ca0
```
#045ca0 rgb(4,92,160)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4360a1 Protanopia 1% of men
#1c63a5 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#2c5ea0 Protanomaly 1% of men, 0.01% of women
#1361a3 Deuteranomaly 6% of men, 0.4% of women
#016683 Tritanomaly 0.01% of the population

#045ca0 hex color

#045ca0 Color Information

#045ca0 Color Conversion

Color Schemes with #045ca0

Alternatives to #045ca0

#045ca0 Preview

Shades and Tints of #045ca0

Tones of #045ca0

Color Blindness Simulator