#045ba2 hex color

In a RGB color space, hex #045ba2 is composed of 1.6% red, 35.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 43.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 207 degrees, a saturation of 95.2% and a lightness of 32.5%. #045ba2 color hex could be obtained by blending #08b6ff with #000045. 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

● #045ba2 color description : Dark blue.

The hexadecimal color #045ba2 has RGB values of R:4, G:91, B:162 and CMYK values of C:0.98, M:0.44, Y:0, K:0.36. Its decimal value is 285602.

Hex triplet	045ba2	`#045ba2`
RGB Decimal	4, 91, 162	`rgb(4,91,162)`
RGB Percent	1.6, 35.7, 63.5	`rgb(1.6%,35.7%,63.5%)`
CMYK	98, 44, 0, 36
HSL	207°, 95.2, 32.5	`hsl(207,95.2%,32.5%)`
HSV (or HSB)	207°, 97.5, 63.5
Web Safe	006699	`#006699`

CIE-LAB	38.049, 5.496, -44.58
XYZ	10.311, 10.116, 35.589
xyY	0.184, 0.181, 10.116
CIE-LCH	38.049, 44.918, 277.028
CIE-LUV	38.049, -21.966, -64.135
Hunter-Lab	31.805, 2.211, -44.081
Binary	00000100, 01011011, 10100010

#045ba2
```
#045ba2 rgb(4,91,162)
```
#a24b04
```
#a24b04 rgb(162,75,4)
```

Complementary Color

#04a29a
```
#04a29a rgb(4,162,154)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#040ca2
```
#040ca2 rgb(4,12,162)
```

Analogous Color

#a29a04
```
#a29a04 rgb(162,154,4)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#a2040c
```
#a2040c rgb(162,4,12)
```

Split Complementary Color

#5ba204
```
#5ba204 rgb(91,162,4)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#a2045b
```
#a2045b rgb(162,4,91)
```

Triadic Color

#04a24b
```
#04a24b rgb(4,162,75)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#a2045b
```
#a2045b rgb(162,4,91)
```
#a24b04
```
#a24b04 rgb(162,75,4)
```

Tetradic Color

#023157
```
#023157 rgb(2,49,87)
```
#033f70
```
#033f70 rgb(3,63,112)
```
#034d89
```
#034d89 rgb(3,77,137)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#0569bb
```
#0569bb rgb(5,105,187)
```
#0577d4
```
#0577d4 rgb(5,119,212)
```
#0685ed
```
#0685ed rgb(6,133,237)
```

Monochromatic Color

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

#0483a2
```
#0483a2 rgb(4,131,162)
```
#0475a2
```
#0475a2 rgb(4,117,162)
```
#0468a2
```
#0468a2 rgb(4,104,162)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#044ea2
```
#044ea2 rgb(4,78,162)
```
#0441a2
```
#0441a2 rgb(4,65,162)
```
#0434a2
```
#0434a2 rgb(4,52,162)
```

Similar Colors

Text with hexadecimal color #045ba2

This text has a font color of #045ba2.

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

#045ba2 background color

This paragraph has a background color of #045ba2.

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

#045ba2 border color

This element has a border color of #045ba2.

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

CSS codes

.text {color:#045ba2;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#01101c
```
#01101c rgb(1,16,28)
```
#011a2f
```
#011a2f rgb(1,26,47)
```
#022542
```
#022542 rgb(2,37,66)
```
#023055
```
#023055 rgb(2,48,85)
```
#033b69
```
#033b69 rgb(3,59,105)
```
#03457c
```
#03457c rgb(3,69,124)
```
#04508f
```
#04508f rgb(4,80,143)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#0466b5
```
#0466b5 rgb(4,102,181)
```
#0571c8
```
#0571c8 rgb(5,113,200)
```
#057bdb
```
#057bdb rgb(5,123,219)
```
#0686ef
```
#0686ef rgb(6,134,239)
```

Shade Color Variation

#0f90f9
```
#0f90f9 rgb(15,144,249)
```
#2299fa
```
#2299fa rgb(34,153,250)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#48aafa
```
#48aafa rgb(72,170,250)
```
#5cb3fb
```
#5cb3fb rgb(92,179,251)
```
#6fbcfb
```
#6fbcfb rgb(111,188,251)
```
#82c5fc
```
#82c5fc rgb(130,197,252)
```
#95cefc
```
#95cefc rgb(149,206,252)
```
#a8d7fd
```
#a8d7fd rgb(168,215,253)
```
#bbe0fd
```
#bbe0fd rgb(187,224,253)
```
#cee9fe
```
#cee9fe rgb(206,233,254)
```
#e2f1fe
```
#e2f1fe rgb(226,241,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#515355
```
#515355 rgb(81,83,85)
```
#4a545c
```
#4a545c rgb(74,84,92)
```
#445562
```
#445562 rgb(68,85,98)
```
#3d5569
```
#3d5569 rgb(61,85,105)
```
#37566f
```
#37566f rgb(55,86,111)
```
#315675
```
#315675 rgb(49,86,117)
```
#2a577c
```
#2a577c rgb(42,87,124)
```
#245882
```
#245882 rgb(36,88,130)
```
#1e5888
```
#1e5888 rgb(30,88,136)
```
#17598f
```
#17598f rgb(23,89,143)
```
#115a95
```
#115a95 rgb(17,90,149)
```
#0a5a9c
```
#0a5a9c rgb(10,90,156)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```

Tone Color Variation

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

Dichromacy

#3f5fa3 Protanopia 1% of men
#0063a6 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#2a5ea3 Protanomaly 1% of men, 0.01% of women
#0160a4 Deuteranomaly 6% of men, 0.4% of women
#016583 Tritanomaly 0.01% of the population

#045ba2 hex color

#045ba2 Color Information

#045ba2 Color Conversion

Color Schemes with #045ba2

Alternatives to #045ba2

#045ba2 Preview

Shades and Tints of #045ba2

Tones of #045ba2

Color Blindness Simulator