#045ea7 hex color

In a RGB color space, hex #045ea7 is composed of 1.6% red, 36.9% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 43.7% magenta, 0% yellow and 34.5% black. It has a hue angle of 206.9 degrees, a saturation of 95.3% and a lightness of 33.5%. #045ea7 color hex could be obtained by blending #08bcff with #00004f. Closest websafe color is: #006699.

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

● #045ea7 color description : Dark blue.

The hexadecimal color #045ea7 has RGB values of R:4, G:94, B:167 and CMYK values of C:0.98, M:0.44, Y:0, K:0.35. Its decimal value is 286375.

Hex triplet	045ea7	`#045ea7`
RGB Decimal	4, 94, 167	`rgb(4,94,167)`
RGB Percent	1.6, 36.9, 65.5	`rgb(1.6%,36.9%,65.5%)`
CMYK	98, 44, 0, 35
HSL	206.9°, 95.3, 33.5	`hsl(206.9,95.3%,33.5%)`
HSV (or HSB)	206.9°, 97.6, 65.5
Web Safe	006699	`#006699`

CIE-LAB	39.276, 5.597, -45.588
XYZ	11.026, 10.82, 38.064
xyY	0.184, 0.181, 10.82
CIE-LCH	39.276, 45.93, 276.999
CIE-LUV	39.276, -22.693, -66.194
Hunter-Lab	32.894, 2.269, -45.583
Binary	00000100, 01011110, 10100111

#045ea7
```
#045ea7 rgb(4,94,167)
```
#a74d04
```
#a74d04 rgb(167,77,4)
```

Complementary Color

#04a79f
```
#04a79f rgb(4,167,159)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```
#040da7
```
#040da7 rgb(4,13,167)
```

Analogous Color

#a79f04
```
#a79f04 rgb(167,159,4)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```
#a7040d
```
#a7040d rgb(167,4,13)
```

Split Complementary Color

#5ea704
```
#5ea704 rgb(94,167,4)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```
#a7045e
```
#a7045e rgb(167,4,94)
```

Triadic Color

#04a74d
```
#04a74d rgb(4,167,77)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```
#a7045e
```
#a7045e rgb(167,4,94)
```
#a74d04
```
#a74d04 rgb(167,77,4)
```

Tetradic Color

#02345c
```
#02345c rgb(2,52,92)
```
#034275
```
#034275 rgb(3,66,117)
```
#03508e
```
#03508e rgb(3,80,142)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```
#056cc0
```
#056cc0 rgb(5,108,192)
```
#057ad9
```
#057ad9 rgb(5,122,217)
```
#0688f2
```
#0688f2 rgb(6,136,242)
```

Monochromatic Color

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

#0487a7
```
#0487a7 rgb(4,135,167)
```
#0479a7
```
#0479a7 rgb(4,121,167)
```
#046ca7
```
#046ca7 rgb(4,108,167)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```
#0450a7
```
#0450a7 rgb(4,80,167)
```
#0443a7
```
#0443a7 rgb(4,67,167)
```
#0435a7
```
#0435a7 rgb(4,53,167)
```

Similar Colors

Text with hexadecimal color #045ea7

This text has a font color of #045ea7.

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

#045ea7 background color

This paragraph has a background color of #045ea7.

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

#045ea7 border color

This element has a border color of #045ea7.

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

CSS codes

.text {color:#045ea7;}

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

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

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, #00080e is the darkest color, while #fafdff is the lightest one.

#00080e
```
#00080e rgb(0,8,14)
```
#011321
```
#011321 rgb(1,19,33)
```
#011d34
```
#011d34 rgb(1,29,52)
```
#022847
```
#022847 rgb(2,40,71)
```
#02335a
```
#02335a rgb(2,51,90)
```
#033e6e
```
#033e6e rgb(3,62,110)
```
#034881
```
#034881 rgb(3,72,129)
```
#045394
```
#045394 rgb(4,83,148)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```
#0469ba
```
#0469ba rgb(4,105,186)
```
#0574cd
```
#0574cd rgb(5,116,205)
```
#057ee0
```
#057ee0 rgb(5,126,224)
```
#0689f4
```
#0689f4 rgb(6,137,244)
```

Shade Color Variation

#1493f9
```
#1493f9 rgb(20,147,249)
```
#279bfa
```
#279bfa rgb(39,155,250)
```
#3aa4fa
```
#3aa4fa rgb(58,164,250)
```
#4dadfb
```
#4dadfb rgb(77,173,251)
```
#60b6fb
```
#60b6fb rgb(96,182,251)
```
#73bffc
```
#73bffc rgb(115,191,252)
```
#87c8fc
```
#87c8fc rgb(135,200,252)
```
#9ad0fd
```
#9ad0fd rgb(154,208,253)
```
#add9fd
```
#add9fd rgb(173,217,253)
```
#c0e2fd
```
#c0e2fd rgb(192,226,253)
```
#d3ebfe
```
#d3ebfe rgb(211,235,254)
```
#e6f4fe
```
#e6f4fe rgb(230,244,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#535658
```
#535658 rgb(83,86,88)
```
#4c565f
```
#4c565f rgb(76,86,95)
```
#465765
```
#465765 rgb(70,87,101)
```
#3f586c
```
#3f586c rgb(63,88,108)
```
#395972
```
#395972 rgb(57,89,114)
```
#325979
```
#325979 rgb(50,89,121)
```
#2b5a80
```
#2b5a80 rgb(43,90,128)
```
#255b86
```
#255b86 rgb(37,91,134)
```
#1e5b8d
```
#1e5b8d rgb(30,91,141)
```
#185c93
```
#185c93 rgb(24,92,147)
```
#115d9a
```
#115d9a rgb(17,93,154)
```
#0b5da0
```
#0b5da0 rgb(11,93,160)
```
#045ea7
```
#045ea7 rgb(4,94,167)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4162a8 Protanopia 1% of men
#0066ab Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#2b60a7 Protanomaly 1% of men, 0.01% of women
#0163a9 Deuteranomaly 6% of men, 0.4% of women
#016887 Tritanomaly 0.01% of the population

#045ea7 hex color

#045ea7 Color Information

#045ea7 Color Conversion

Color Schemes with #045ea7

Alternatives to #045ea7

#045ea7 Preview

Shades and Tints of #045ea7

Tones of #045ea7

Color Blindness Simulator