#045bec hex color

In a RGB color space, hex #045bec is composed of 1.6% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 217.5 degrees, a saturation of 96.7% and a lightness of 47.1%. #045bec color hex could be obtained by blending #08b6ff with #0000d9. Closest websafe color is: #0066ff.

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

● #045bec color description : Vivid blue.

The hexadecimal color #045bec has RGB values of R:4, G:91, B:236 and CMYK values of C:0.98, M:0.61, Y:0, K:0.07. Its decimal value is 285676.

Hex triplet	045bec	`#045bec`
RGB Decimal	4, 91, 236	`rgb(4,91,236)`
RGB Percent	1.6, 35.7, 92.5	`rgb(1.6%,35.7%,92.5%)`
CMYK	98, 61, 0, 7
HSL	217.5°, 96.7, 47.1	`hsl(217.5,96.7%,47.1%)`
HSV (or HSB)	217.5°, 98.3, 92.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.599, 35.094, -78.442
XYZ	18.928, 13.562, 80.972
xyY	0.167, 0.12, 13.562
CIE-LCH	43.599, 85.935, 294.103
CIE-LUV	43.599, -19.903, -116.756
Hunter-Lab	36.827, 27.297, -104.582
Binary	00000100, 01011011, 11101100

#045bec
```
#045bec rgb(4,91,236)
```
#ec9504
```
#ec9504 rgb(236,149,4)
```

Complementary Color

#04cfec
```
#04cfec rgb(4,207,236)
```
#045bec
```
#045bec rgb(4,91,236)
```
#2104ec
```
#2104ec rgb(33,4,236)
```

Analogous Color

#cfec04
```
#cfec04 rgb(207,236,4)
```
#045bec
```
#045bec rgb(4,91,236)
```
#ec2104
```
#ec2104 rgb(236,33,4)
```

Split Complementary Color

#5bec04
```
#5bec04 rgb(91,236,4)
```
#045bec
```
#045bec rgb(4,91,236)
```
#ec045b
```
#ec045b rgb(236,4,91)
```

Triadic Color

#04ec95
```
#04ec95 rgb(4,236,149)
```
#045bec
```
#045bec rgb(4,91,236)
```
#ec045b
```
#ec045b rgb(236,4,91)
```
#ec9504
```
#ec9504 rgb(236,149,4)
```

Tetradic Color

#033ea1
```
#033ea1 rgb(3,62,161)
```
#0348ba
```
#0348ba rgb(3,72,186)
```
#0451d3
```
#0451d3 rgb(4,81,211)
```
#045bec
```
#045bec rgb(4,91,236)
```
#0f67fb
```
#0f67fb rgb(15,103,251)
```
#2877fb
```
#2877fb rgb(40,119,251)
```
#4187fc
```
#4187fc rgb(65,135,252)
```

Monochromatic Color

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

#0495ec
```
#0495ec rgb(4,149,236)
```
#0482ec
```
#0482ec rgb(4,130,236)
```
#046eec
```
#046eec rgb(4,110,236)
```
#045bec
```
#045bec rgb(4,91,236)
```
#0448ec
```
#0448ec rgb(4,72,236)
```
#0434ec
```
#0434ec rgb(4,52,236)
```
#0421ec
```
#0421ec rgb(4,33,236)
```

Similar Colors

Text with hexadecimal color #045bec

This text has a font color of #045bec.

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

#045bec background color

This paragraph has a background color of #045bec.

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

#045bec border color

This element has a border color of #045bec.

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

CSS codes

.text {color:#045bec;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000918
```
#000918 rgb(0,9,24)
```
#01112b
```
#01112b rgb(1,17,43)
```
#01183e
```
#01183e rgb(1,24,62)
```
#012052
```
#012052 rgb(1,32,82)
```
#022765
```
#022765 rgb(2,39,101)
```
#022e78
```
#022e78 rgb(2,46,120)
```
#02368c
```
#02368c rgb(2,54,140)
```
#033d9f
```
#033d9f rgb(3,61,159)
```
#0345b2
```
#0345b2 rgb(3,69,178)
```
#034cc5
```
#034cc5 rgb(3,76,197)
```
#0454d9
```
#0454d9 rgb(4,84,217)
```
#045bec
```
#045bec rgb(4,91,236)
```

Shade Color Variation

#0964fb
```
#0964fb rgb(9,100,251)
```
#1c70fb
```
#1c70fb rgb(28,112,251)
```
#2f7cfb
```
#2f7cfb rgb(47,124,251)
```
#4388fc
```
#4388fc rgb(67,136,252)
```
#5694fc
```
#5694fc rgb(86,148,252)
```
#69a0fc
```
#69a0fc rgb(105,160,252)
```
#7dadfd
```
#7dadfd rgb(125,173,253)
```
#90b9fd
```
#90b9fd rgb(144,185,253)
```
#a3c5fd
```
#a3c5fd rgb(163,197,253)
```
#b6d1fe
```
#b6d1fe rgb(182,209,254)
```
#caddfe
```
#caddfe rgb(202,221,254)
```
#ddeafe
```
#ddeafe rgb(221,234,254)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#73777d
```
#73777d rgb(115,119,125)
```
#6a7486
```
#6a7486 rgb(106,116,134)
```
#607290
```
#607290 rgb(96,114,144)
```
#577099
```
#577099 rgb(87,112,153)
```
#4e6da2
```
#4e6da2 rgb(78,109,162)
```
#456bab
```
#456bab rgb(69,107,171)
```
#3b69b5
```
#3b69b5 rgb(59,105,181)
```
#3267be
```
#3267be rgb(50,103,190)
```
#2964c7
```
#2964c7 rgb(41,100,199)
```
#2062d0
```
#2062d0 rgb(32,98,208)
```
#1660da
```
#1660da rgb(22,96,218)
```
#0d5de3
```
#0d5de3 rgb(13,93,227)
```
#045bec
```
#045bec rgb(4,91,236)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#425471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0165db Protanomaly 1% of men, 0.01% of women
#0169ca Deuteranomaly 6% of men, 0.4% of women
#016ea7 Tritanomaly 0.01% of the population

#045bec hex color

#045bec Color Information

#045bec Color Conversion

Color Schemes with #045bec

Alternatives to #045bec

#045bec Preview

Shades and Tints of #045bec

Tones of #045bec

Color Blindness Simulator